Vetitë e klasës së komponentit në atributet e Angular

Mund të shfaqni vetitë publike të klasës jo vetëm në tekstin e etiketave, por edhe si vlera të atributeve. Le ta shohim në praktikë. Supozojmë se në klasën tonë ekziston vetia e mëposhtme:

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

Le të shfaqim përmbajtjen e vetisë sonë në atributin e etiketës:

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

Është dhënë markup-i i mëposhtëm:

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

Bëni që përmbajtja e atributeve të kalojë nga klasa e komponentit.