Właściwości klasy komponentu w atrybutach Angular

Można wyprowadzać publiczne właściwości klasy nie tylko w tekście tagów, ale również jako wartość atrybutów. Spójrzmy na to w praktyce. Załóżmy, że w naszej klasie jest następująca właściwość:

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

Wyprowadźmy zawartość naszej właściwości w atrybucie tagu:

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

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