Уласцівасці класа кампанента ў тэмплейце 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>