Komponenttiluokan ominaisuudet Angularin attribuuteissa

Julkisia komponenttiluokan ominaisuuksia voidaan näyttää ei vain tagien tekstissä, vaan myös attribuuttien arvoina. Katsotaan käytännössä. Oletetaan, että luokassamme on seuraava ominaisuus:

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

Esitetään ominaisuutemme sisältö tagin attribuutissa:

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

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