Vlastnosti třídy komponenty v šabloně Angular

Všechny veřejné vlastnosti třídy komponenty budou přístupné uvnitř šablony komponenty. Podívejme se, jak k nim přistoupit.

Předpokládejme, že naše třída má následující veřejnou vlastnost:

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

Vypišme obsah naší vlastnosti v HTML. K tomu je třeba napsat název vlastnosti do dvojitých složených závorek:

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

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