Komponens osztály tulajdonságai az Angular template-ben

A komponens osztály minden nyilvános tulajdonsága elérhető lesz a komponens template-jén belül. Nézzük meg, hogyan lehet hozzájuk férni.

Tételezzük fel, hogy osztályunkban van a következő nyilvános tulajdonság:

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

Jelenítsük meg tulajdonságunk tartalmát a HTML-ben. Ehhez a tulajdonság nevét kell írni dupla kapcsos zárójelek közé:

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

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