Компонент синфининг Angular темплейтидаги хусусиятлари

Компонент синфининг барча оммавий хусусиятлари компонент темплейти ичида дастлаболиш булади. Уларга қандай мурожаат этишни кўрамиз.

Фарз қилайлик, бизнинг синфимизда куйидаги оммавий хусусият мавжуд:

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

Хусусиятмизнинг мазмунини версткада чиқарайлик. Бунинг учун иккита кавишли қавс ичида хусусият номини ёзиш керак:

<div>
	{{ test }}
</div>

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

<ul>
	<li>name: john</li>
	<li>surn: smit</li>
</ul>

Исм ва фамилия компонент синфидан темплейтга ўтказиладиган қилинг.