DOM elementlarining xususiyatlariga qiymatlarni bog'lash Angularda

Angularda teglarga qiymat bog'lashning ikki turi farqlanadi: teg atributiga va DOM elementining xususiyatiga. Odatda, bu bir xil narsa, lekin ba'zan farq qiladi.

Keling, ushbu ikkita usulni misollar orqali ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi class xususiyati mavjud:

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

Keling, ushbu xususiyatning qiymatini textarea matniga chiqaraylik

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

Endi esa placeholder atributiga:

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

Endi esa ma'lumotlarni aniq DOM elementining xususiyatiga yozamiz. Buning uchun atribut nomini kvadrat qavs ichiga olamiz:

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