In Angular 2 un component è una classe che gestisce un frammento di HTML. da questa definizione ne deriva che in una pagina possiamo avere uno o più component. Possiamo anche avere component annidati all'interno di un altro component. Ad esempio possiamo avere un component che gestisce una textbox con un datepicker.
In questi casi spesso capita di dover passare dati in input al component (la data iniziale nel caso del datepicker). Per fare questo dobbiamo creare nel component una o più proprietà che rappresentano i dati in input e poi marcarle con il decorator @input.
Una volta fatto questo, nel codice HTML di chi usa il component basta aggiungere al tag del component un attributo con il nome della proprietà e mettere come valore dell'attributo il valore che si vuole passare.
public class NameComponent { ... // inner component @Input('Name') name: string; ... }
//utilizzatore component <name-component name="stefano mostarda"></name-component>
A questo punto la view del component può visualizzare la proprietà name nella sua view.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Generare file per il download da Blazor WebAssembly
Verificare la provenienza di un commit tramite le GitHub Actions
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
.NET Conference Italia 2023
Usare una container image come runner di GitHub Actions
Implementare il throttling in ASP.NET Core
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
C# 12: Cosa c'è di nuovo e interessante
Usare lo spread operator con i collection initializer in C#
Code scanning e advanced security con Azure DevOps
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
I più letti di oggi
- .NET Conference Italia 2021 - Online
- devConf 2022 - Online
- Utilizzare WebAssembly con .NET, ovunque
- Sblocca le performance della tua applicazione con .NET 8
- Taggare automaticamente un team member in work item tramite Azure DevOps
- Prima beta di SQL Server CE "Laguna"
- .NET Conference Italia 2022 - Milano e Online
- C# 8
- Implementare l'infinite scroll con QuickGrid in Blazor Server