Angular'da Bileşen Sınıfı Özelliklerinin Niteliklerde Kullanımı

Genel sınıf özelliklerini yalnızca etiketlerin metin içeriğinde değil, nitelik değerleri olarak da gösterebilirsiniz. Pratikte nasıl yapıldığına bakalım. Sınıfımızda aşağıdaki özellik olduğunu varsayalım:

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

Özelliğimizin içeriğini bir etiket niteliğinde gösterelim:

app/app.component.html<div id="{{ test }}">
  text
</div>

app/app.component.html<img src="test.png" alt="picture">