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
Eseguire una query su SQL Azure tramite un workflow di GitHub
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Linting di un Dockerfile con un workflow di GitHub
Cache policy su route groups di Minimal API in ASP.NET Core 7
Utilizzare database e servizi con gli add-on di Container App
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Definire lo stile CSS in base alle dimensioni del container
Creare form tipizzati con Angular
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Eseguire query verso tipi non mappati in Entity Framework Core
I più letti di oggi
- Evitare il flickering dei componenti nel prerender di Blazor 8
- Rilasciata la Beta 2 di Visual Studio 2008
- tra pochi minuti inizia la keynote della seconda giornata. seguila live su http://aspitalia.com/mix-11 #mix11
- .@dbochicchio ora su #aspnetcore 2 a #netconfit https://aspit.co/netconf-17
- Utilizzare angular-cli per creare una direttiva in Angular 2
- Windows Vista: il ritorno di WinFS con la beta1
- .@CristianCivera tra poco su #azure con i suoi tips&tricks per lo sviluppatore web: https://aspit.co/web15-live #aspilive
- Le novità di C# 10