Свойства класса компонента в атрибутах Angular

Можно выводить публичные свойства класса не только в тексте тегов, но и в качестве значения атрибутов. Давайте посмотрим на практике. Пусть в нашем классе есть следующее свойство:

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

Выведем содержимого нашего свойства в атрибуте тега:

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

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