Компонент классининг хоссалари Angular атрибутларида

Компонент классининг оммавий хоссаларини наҳангки теглар матнидагина эмас, балки атрибут қиймати сифатида ҳам чиқариш мумкин. Амалиётда кўрамиз. Бизнинг классимизда куйидаги хосса бўлсин:

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

Хоссамизнинг мазмунини тег атрибутида чиқарамиз:

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

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