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:
export class AppComponent {
public text: string = 'abcde';
}
Kuvame selle omaduse väärtuse
textarea elemendi teksti sees
<textarea>{{ text }}</textarea>
Nüüd aga atribuuti placeholder:
<textarea placeholder="{{ text }}"></textarea>
Nüüd paneme andmed just DOM elemendi omadusesse. Selleks võtame atribuudi nime nurksulgudesse:
<textarea [value]="text"></textarea>
Antud on sisendväli. Pange andmed selle omadusesse
value.
