Eigenschappen van de componentklasse in de Angular-template
Alle openbare eigenschappen van de componentklasse zijn beschikbaar binnen de template van de component. Laten we eens kijken hoe we er toegang toe krijgen.
Stel dat onze klasse de volgende openbare eigenschap heeft:
export class AppComponent {
public test: string = 'abcde';
}
Laten we de inhoud van onze eigenschap weergeven in de markup. Om dit te doen, moet u de naam van de eigenschap tussen dubbele accolades schrijven:
<div>
{{ test }}
</div>
De volgende markup is gegeven:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
Zorg ervoor dat de voornaam en achternaam worden doorgegeven naar de template vanuit de componentklasse.
