Angular компонентинин классунун касиеттери атрибуттарында

Класстын жалпыга ачык касиеттерин тек гана тегдердин ичиндеги текст катарында эмес, атрибуттардын мааниси катарында да чыгарууга болот. Келгиле, практикада карап көрөлү. Биздин класшта төмөнкүдөй касиет бар дейли:

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

Биздин касиеттин мазмунун тегдин атрибутунда чыгаралы:

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

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