Vlastnosti třídy komponenty v atributech Angular

Lze vypisovat veřejné vlastnosti třídy nejen do textu tagů, ale také jako hodnotu atributů. Podívejme se na praxi. Nechť v naší třídě je následující vlastnost:

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

Vypišme obsah naší vlastnosti do atributu tagu:

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

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