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:
<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:
<div>
{{ userName.textContent }}
</div>
Bir div verilib. Bir şəkil verilib. Şəkilə istinadı şablon dəyişəninə yazın.
Şəklin src-ni div-in içərisində çıxarın.
