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:

export class AppComponent {
	public text: string = 'abcde';
}

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

<textarea>{{ text }}</textarea>

Un tagad placeholder atribūtā:

<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:

<textarea [value]="text"></textarea>

Dots ievades lauks. Ierakstiet datus tā īpašībā value.