Свойства на класа на компонента в шаблона на Angular

Всички публични свойства на класа на компонента ще бъдат достъпни в шаблона на компонента. Нека да видим как да се обърнем към тях.

Да предположим, че в нашия клас има следното публично свойство:

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

Нека изведем съдържанието на нашето свойство в верстката. За целта трябва да напием името на свойството в двойни фигурни скоби:

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

Дадена е следната верстка:

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

Направете така, че името и фамилията да се предават в шаблона от класа на компонента.