Angular è dotato di un motore di databinding molto potente che permette di visualizzare i dati in maniera semplice e immediata. Non solo, quando dobbiamo costruire una forma per modificare i dati, attraverso una sintassi particolare possiamo anche collegare i campi del component ai campi della form in un binding two-way che permette di costruire la form con pochissimo codice.
In questo script tuttavia vediamo la prima forma di binding, cioè quella che ci permette di visualizzare i dati del component in una view: il binding one-way.
export class AppComponent { title = 'My title'; }
<h1>{{title}}</h1>
In questo esempio il tag h1 contiene il valore my title. La sintassi con le doppie parentesi graffe mette in binding la variabile title del component con il codice html. Se il codice del component modifica il valore di title, questo cambiamento si rifletterà sulla UI. Dalla UI non c'è modo di modificare il valore della variabile title. Per questo motivo viene definito binding one-way, perché il binding è solo dal component verso la UI.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Aggiungere interattività lato server in Blazor 8
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Eseguire attività basate su eventi con Azure Container Jobs
Migrare una service connection a workload identity federation in Azure DevOps
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Gestire i null nelle reactive form tipizzate di Angular
Eseguire le GitHub Actions offline
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare politiche di resiliency con Azure Container App
Utilizzare le collection expression in C#
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Ottimizzazione dei block template in Angular 17
I più letti di oggi
- Utilizzare WebAssembly con .NET, ovunque
- Definire stili a livello di libreria in Angular
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)