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
Path addizionali per gli asset in ASP.NET Core MVC
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Gestione ciclo di vita in .NET Aspire
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Triggerare una pipeline su un altro repository di Azure DevOps
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Gestire progetti NPM in .NET Aspire
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Evitare memory leaks nelle closure JavaScript
Fissare una versione dell'agent nelle pipeline di Azure DevOps
Creare una libreria CSS universale: i bottoni
Introduzione alle Container Queries
I più letti di oggi
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!