Komponens osztály tulajdonságai az Angular attribútumaiban

A nyilvános osztály tulajdonságok nem csak a tagjek szövegében, hanem attribútumok értékeként is megjeleníthetők. Nézzük meg a gyakorlatban. Tegyük fel, hogy osztályunkban a következő tulajdonság található:

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

Jelenítsük meg tulajdonságunk tartalmát egy tag attribútumában:

app/app.component.html<div id="{{ test }}">
  text
</div>
Задание 1

Adott a következő megjelenés:

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

Úgy állítsa be, hogy az attribútumok tartalma a komponens osztályból származzon.