In Angular 2 uno dei concetti principali è quello di component. Un component non è altro che una normale classe, scritta in EcmaScript 6 o in TypeScript o in un altro linguaggio supportato da Angular, che ha in testa un decorator che permette ad Angular 2 di riconoscere la classe.
Scrivere un component è estremamente semplice come possiamo vedere nel prossimo script.
export class MyComponent { constructor() { //costruttore; } MyProperty: string[]; MyMethod(input: string) { alert(string); } }
Questa classe dichiara un costruttore, una proprietà di tipo array di stringhe e un metodo che accetta una stringa e la mostra a video. Una volta creata la classe dobbiamo trasformarla in un component per Angular tramite il decorator. Il decorator Component è quello che fa al caso nostro in quanto ci permette di specificare il template da associare alla classe e altre informazioni come un selettore o una direttivacome mostrato nel prossimo esempio.
@Component({ selector: 'mySelector', templateUrl: 'app/mycomponent.html', directives: /*direttiva*/, }) export class MyComponent { ... }
Una volta aggiunte queste informazioni, ci basta referenziare da una qualunque parte il file relativo al componente e poi possiamo usare la classe come vogliamo.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Reactive form tipizzati con FormBuilder in Angular
Gestire i null nelle reactive form tipizzate di Angular
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Limitare le richieste lato server con l'interactive routing di Blazor 8
Usare lo spread operator con i collection initializer in C#
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Reactive form tipizzati con modellazione del FormBuilder in Angular
Gestire domini wildcard in Azure Container Apps
C# 12: Cosa c'è di nuovo e interessante
Definire stili a livello di libreria in Angular
I più letti di oggi
- Operazioni di selezione su una DataTable
- annunciato #windowsazure pack: consente di far girare su #windowsserver 2012 e system center on premise i servizi di azure! #msteched
- Aggiungere servizi esterni al ciclo di vita di un'applicazione Silverlight 4.0
- Inviare notifiche toast da background agent con Windows Phone 7.1