Компонент класының қасиеттері Angular темплейтінде

Компонент класының барлық қоғамдық қасиеттері компонент темплейтінің ішінде қолжетімді болады. Оларға қалай жетуге болатынын қарастырайық.

Біздің класта келесі қоғамдық қасиет бар делік:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

Біздің қасиеттің мазмұнын версткада шығарайық. Ол үшін қос бұрышты жақша ішінде қасиет атауын жазу керек:

app/app.component.html<div>
  {{ test }}
</div>

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>