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
Utilizzare la session affinity con Azure Container Apps
Usare un KeyedService di default in ASP.NET Core 8
Configurare policy CORS in Azure Container Apps
Utilizzare Tailwind CSS all'interno di React: primi componenti
Gestire liste di tipi semplici con Entity Framework Core
Potenziare Azure AI Search con la ricerca vettoriale
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Assegnare un valore di default a un parametro di una lambda in C#
Disabilitare automaticamente un workflow di GitHub (parte 2)
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Effettuare il binding di date in Blazor
I più letti di oggi
- Paginare i risultati con QuickGrid in Blazor
- Eliminare una determinata proprietà da un oggetto JavaScript
- Utilizzare il trigger SQL con le Azure Function
- Low code e pro code: come estendere Power Platform con .NET e Visual Studio
- Modernizzare le applicazioni WPF e Windows Forms con Blazor
- Q# for Quantum Programming, an "only for the brave" session