Angularда DOM элементларининг хоссаларига қийматларни боглаш

Angularда тегларга қийматларни боглаш икки хил: тегнинг атрибутига ва DOM элементнинг хоссасига. Одатда, бу бир хил бўлади, лекин баъзан фарқ қилади.

Келинг, бу икки усулни мисолларда кўриб чиқайлик. Фарз қилайлик, бизда куйидаги синф хоссаси мавжуд:

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

Келинг, ушбу хоссанинг қийматини textarea матинига чиқарайлик.

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

Энди placeholder атрибутига чиқарайлик:

<textarea placeholder="{{ text }}"></textarea>

Энди маълумотларни айнан DOM элементнинг хоссасига ёзайлик. Бунинг учун атрибут номини қавс ичига оламиз:

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

Инпут берилган. Унинг value хоссасига маълумотларни ёзинг.