Povezivanje vrednosti sa svojstvima DOM elemenata u Angularu

U Angularu postoje dve vrste povezivanja vrednosti sa tagovima: sa atributom taga i sa svojstvom DOM elementa. Uglavnom je to isto, ali ponekad ima značaja.

Pogledajmo ova dva načina na primerima. Pretpostavimo da imamo sledeće svojstvo klase:

app/app.component.tsexport class AppComponent {
  public text: string = 'abcde';
}

Hajde da prikažemo vrednost ovog svojstva u tekstu textarea

app/app.component.html<textarea>{{ text }}</textarea>

A sada u atribut placeholder:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

A sada da zapišemo podatke baš u svojstvo DOM elementa. Za to, ime atributa stavljamo u uglaste zagrade:

app/app.component.html<textarea [value]="text"></textarea>