Eigenschaften der Komponentenklasse in der Angular-Vorlage

Alle öffentlichen Eigenschaften der Komponentenklasse sind innerhalb der Komponentenvorlage verfügbar. Sehen wir uns an, wie man auf sie zugreift.

Angenommen, unsere Klasse hat die folgende öffentliche Eigenschaft:

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

Geben wir den Inhalt unserer Eigenschaft im Markup aus. Dazu muss der Name der Eigenschaft in doppelte geschweifte Klammern geschrieben werden:

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

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