Eigenschappen van de componentklasse in Angular-attributen

Je kunt openbare eigenschappen van de klasse niet alleen weergeven in de tekst van tags, maar ook als waarde van attributen. Laten we dit in de praktijk bekijken. Stel dat we in onze klasse de volgende eigenschap hebben:

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

Laten we de inhoud van onze eigenschap weergeven in een attribuut van een tag:

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

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