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
Utilizzare Copilot con Azure Cosmos DB
Creare una libreria CSS universale - Rotazione degli elementi
Proteggere le risorse Azure con private link e private endpoints
Gestione dell'annidamento delle regole dei layer in CSS
Collegare applicazioni server e client con .NET Aspire
Ordinare randomicamente una lista in C#
Recuperare automaticamente un utente e aggiungerlo ad un gruppo di Azure DevOps
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Definire stili a livello di libreria in Angular
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Scrivere selettori CSS più semplici ed efficienti con :is()