Väärtuste sidumine DOM elementide omadustega Angularis

Angularis eristatakse kaht tüüpi väärtuste sidumist elementidele: elemendi atribuudile ja DOM elemendi omadusele. Tavaliselt on need üks ja sama, kuid mõnikord on vahet.

Vaatame neid kahte meetodit näidete abil. Oletame, et meil on järgmine klassi omadus:

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

Kuvame selle omaduse väärtuse textarea elemendi teksti sees

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

Nüüd aga atribuuti placeholder:

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

Nüüd paneme andmed just DOM elemendi omadusesse. Selleks võtame atribuudi nime nurksulgudesse:

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