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
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Managed deployment strategy in Azure DevOps
Recuperare automaticamente un utente e aggiungerlo ad un gruppo di Azure DevOps
Gestione dei nomi con le regole @layer in CSS
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Recuperare l'ultima versione di una release di GitHub
Miglioramenti agli screen reader e al contrasto in Angular
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Definire stili a livello di libreria in Angular
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Combinare Container Queries e Media Queries
Creare un webhook in Azure DevOps