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
Gestione CSS in Blazor con .NET 9
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Ricevere notifiche sui test con Azure Load Testing
Creare una libreria CSS universale: i bottoni
Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
Implementare il throttle in JavaScript
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Recuperare App Service cancellati su Azure
Change tracking e composition in Entity Framework
Supportare la sessione affinity di Azure App Service con Application Gateway
Testare il failover sulle region in Azure Storage
Evitare memory leaks nelle closure JavaScript
I più letti di oggi
- disponibile il nuovo #adsdk per #win8. doc su https://aspit.co/ad3 donwload diretto da https://aspit.co/ad4
- Niente .NET sui server: siamo Microsoft
- Develop and distribute Azure Functions using K8s and CI/CD
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Impersonation di utente per l'esecuzione di codice in una pagina ASP.NET
- Solo 5 minuti all'inizio della keynote!! http://aspitalia.com/build-win8 #BldWin
- #MIX10: Windows Phone - demo Hush Hush, un diario con interfaccia completamente personalizzata