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 :

app/app.component.tsexport 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 :

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

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