Propriétés de la classe du composant dans les attributs Angular

Il est possible d'afficher les propriétés publiques de la classe non seulement dans le texte des balises, mais également en tant que valeur d'attributs. Voyons cela en pratique. Supposons que notre classe ait la propriété suivante :

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

Affichons le contenu de notre propriété dans un attribut de balise :

app/app.component.html<div id="{{ test }}">
  text
</div>

app/app.component.html<img src="test.png" alt="picture">