Databinding one-way in Angular

di , in HTML5, Angular 2,

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

Visualizza/aggiungi commenti

Databinding one-way in Angular (#205) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi