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:
export class AppComponent {
public text: string = 'abcde';
}
Bu özelliğin değerini bir textarea metninde gösterelim.
<textarea>{{ text }}</textarea>
Şimdi de placeholder özniteliğine ekleyelim:
<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:
<textarea [value]="text"></textarea>
Bir input verildi. Verileri onun value özelliğine yazın.