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

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

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

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

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

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

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

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

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

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