Везивање вредности за својства DOM елемената у Angular

У Angular-у постоје два типа везивања вредности за тагове: за атрибут тага и за својство DOM елемента. Обично је то исто, али понекад има разлике.

Хајде да погледамо ова два начина на примерима. Претпоставимо да имамо следеће својство класе:

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

Хајде да прикажемо вредност овог својства у тексту textarea

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

А сада у атрибут placeholder:

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

А сада да уписемо податке директно у својство DOM елемента. За то ћемо име атрибута ставити у угласте заграде:

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