Komponentklassens egenskaper i Angular-attribut

Man kan visa publika egenskaper från klassen inte bara i taggarnas text, utan även som värde för attribut. Låt oss titta på det i praktiken. Låt oss säga att vår klass har följande egenskap:

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

Låt oss visa innehållet i vår egenskap i ett taggs attribut:

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

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