Angular'da DOM Elemanlarının Özelliklerine Değer Bağlama

Angular'da, değerleri etiketlere bağlamanın iki türü vardır: etiketin özniteliğine ve DOM elemanının özelliğine. Genellikle, bu ikisi aynı şeydir, ancak bazen fark yaratır.

Şimdi bu iki yönteme örneklerle bakalım. Aşağıdaki sınıf özelliğine sahip olduğumuzu varsayalım:

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

Bu özelliğin değerini bir textarea metninde gösterelim.

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

Şimdi de placeholder özniteliğine ekleyelim:

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

Şimdi de verileri doğrudan DOM elemanının özelliğine yazalım. Bunun için, öznitelik adını köşeli parantezler içine alıyoruz:

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