Vērtību piesaiste DOM elementu īpašībām Angular

Angular izšķir divus veidus, kā piesaistīt vērtības atribūtiem: HTML elementa atribūtiem un DOM elementa īpašībām. Parasti tie ir viens un tas pats, bet dažreiz tam ir nozīme.

Apskatīsim šīs divas metodes ar piemēriem. Pieņemsim, ka mums ir šāda klases īpašība:

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

Parādīsim šīs īpašības vērtību textarea tekstā

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

Un tagad placeholder atribūtā:

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

Un tagad ierakstīsim datus tieši DOM elementa īpašībā. Lai to izdarītu, mēs ievietosim atribūta nosaukumu kvadrātiekavās:

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