Angular-da Şablon Dəyişənləri

Angular-da səhifə teq-lərinə şablon dəyişənləri vasitəsilə çıxış etmək olar. Onlar teqi dəyişənə bağlamağa və komponentin işi zamanı ona istinad etməyə imkan verir. Belə bir dəyişən elan etmək üçün onun adından əvvəl # işarəsi qoymaq lazımdır.

Gəlin praktikada baxaq. Məsələn, bizim bir div-imiz var. Onu şablon dəyişəninə yazaq:

app/app.component.html<div #userName>
  text
</div>

İndi userName dəyişənində bizim div-in DOM elementinə istinad olunacaq. Və biz onla saf JavaScript-də edildiyi kimi işləyə bilərik. Məsələn, gəlin bu div-in mətnini başqa bir teq-də çıxaraq:

app/app.component.html<div>
  {{ userName.textContent }}
</div>