Propriedades da classe do componente em atributos Angular

Você pode exibir as propriedades públicas da classe não apenas no texto das tags, mas também como valor de atributos. Vamos ver na prática. Suponha que nossa classe tenha a seguinte propriedade:

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

Vamos exibir o conteúdo da nossa propriedade em um atributo de tag:

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

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