Propriétés de la classe du composant dans le template Angular
Toutes les propriétés publiques de la classe du composant seront accessibles à l'intérieur du template du composant. Voyons comment y accéder.
Supposons que notre classe ait la propriété publique suivante :
export class AppComponent {
public test: string = 'abcde';
}
Afficherons le contenu de notre propriété dans le balisage. Pour ce faire, il faut écrire le nom de la propriété entre des doubles accolades :
<div>
{{ test }}
</div>
Soit le balisage suivant :
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
Faites en sorte que le nom et le prénom soient transmis au template à partir de la classe du composant.