Svojstva klase komponente u Angular šablonu

Sva javna svojstva klase komponente biće dostupna unutar šablona komponente. Pogledajmo kako im pristupiti.

Pretpostavimo da u našoj klasi postoji sledeće javno svojstvo:

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

Prikažimo sadržaj našeg svojstva u HTML-u. Za to treba da napišemo ime svojstva unutar dvostrukih vitičastih zagrada:

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

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