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:
export 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:
<div>
{{ test }}
</div>
Gegeben ist das folgende Markup:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
Sorgen Sie dafür, dass Vorname und Nachname aus der Komponentenklasse an die Vorlage übergeben werden.