Angular темплейтиндеги класс компонентинин касиеттери

Компоненттин класcынын бардык жарыя касиеттери компоненттин темплейтинде кол жеткиликтүү болот. Аларга кантип кайрыларын көрөлү.

Биздин класста төмөнкүдөй жарыя касиет бар деп коёлу:

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

Биздин касиеттин мазмунун версткага чыгаралы. Бул үчүн касиеттин аталышын кош бурчтук кашаанын ичине жазуу керек:

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

Төмөнкү верстка берилди:

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

Аты жана фамилиясы темплейтке компоненттин класcынан өткөрүлүшү үчүн керектүү иш-аракеттерди жасаңыз.