Vlastnosti triedy komponentu v šablóne Angular

Všetky verejné vlastnosti triedy komponentu budú prístupné vo vnútri šablóny komponentu. Pozrime sa, ako k nim pristupovať.

Predpokladajme, že naša trieda má nasledujúcu verejnú vlastnosť:

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

Vypíšme obsah našej vlastnosti v HTML. Na to je potrebné napísať názov vlastnosti do dvojitých zložených zátvoriek:

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

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