Angular-da Shablon O'zgaruvchilari

Angular-da sahifa teglariga shablon o'zgaruvchilari yordamida kirish mumkin. Ular tegni o'zgaruvchiga bog'lashga va komponent ishlashi davomida unga murojaat qilishga imkon beradi. Bunday o'zgaruvchini e'lon qilish uchun uning nomi oldiga # belgisini qo'yish kerak.

Keling, amalda ko'rib chiqaylik. Faraz qilaylik, masalan, bizda div bor. Uni shablon o'zgaruvchisiga yozamiz:

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

Endi userName o'zgaruvchida bizning divimizning DOM elementiga havola bo'ladi. Va biz unga sof JavaScript da qilinadigi kabi murojaat qilishimiz mumkin. Masalan, keling ushbu divning matnini boshqa tegda chiqaramiz:

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