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

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

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

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>