Vlastnosti triedy komponentu v atribútoch Angular

Je možné zobrazovať verejné vlastnosti triedy nielen v texte tagov, ale aj ako hodnoty atribútov. Pozrime sa na to v praxi. Nech má naša trieda nasledujúcu vlastnosť:

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

Zobrazme obsah našej vlastnosti v atribúte tagu:

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

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