Komponento klasės savybės Angular atributuose

Galima rodyti viešas klasės savybes ne tik žymių tekste, bet ir kaip atributų reikšmes. Pažiūrėkime praktiškai. Tegul mūsų klasėje yra ši savybė:

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

Atvaizduokime mūsų savybės turinį žymės atribute:

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

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