Својства на класата на компонентата во темплатот на Angular

Сите јавни својства на класата на компонентата ќе бидат достапни внатре во темплатот на компонентата. Ајде да видиме како да се пристапи до нив.

Нека во нашата класа има следното јавно својство:

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

Да го прикажеме содржината на нашето својство во верстката. За да го направите ова, треба да го напишете името на својството внатре во двојните големи загради:

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

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

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

Направете така што името и презимето ќе се пренесат во темплатот од класата на компонентата.