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

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

export class AppComponent {
	public test: string = 'abcde';
}

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

<div id="{{ test }}">
	text
</div>

Куйидаги верстка берилган:

<img src="test.png" alt="picture">

Атрибутларнинг мазмуни компонент классидан ўтказиладиган қилинг.