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
Utilizzare Tailwind CSS all'interno di React: primi componenti
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Sfruttare al massimo i topic space di Event Grid MQTT
Definire stili a livello di libreria in Angular
Reactive form tipizzati con modellazione del FormBuilder in Angular
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Utilizzare gli snapshot con Azure File shares
Le novità di Angular: i miglioramenti alla CLI
Miglioramenti agli screen reader e al contrasto in Angular
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Load test di ASP.NET Core con k6