შაბლონური ცვლადები Angular-ში

Angular-ში შესაძლებელია გვერდის ტეგებზე წვდომა შაბლონური ცვლადების მეშვეობით. ისინი საშუალებას აძლევს ტეგი მივაბათ ცვლადს და მასზე მივმართოთ კომპონენტის მუშაობის დროს. ასეთი ცვლადის გამოსაცხადებლად, მისი სახელის წინ უნდა დავსვათ # ნიშანი.

პრაქტიკაში ვნახოთ. მაგალითად, გვქონდეს div. ჩავწეროთ იგი შაბლონურ ცვლადში:

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

ახლა userName ცვლადში იქნება მითითება ჩვენი div-ის DOM ელემენტზე. და ჩვენ შეგვიძლია მასთან ისე ვიმუშაოთ, როგორც ეს კეთდება სუფთა JavaScript-ში. მაგალითად, ამ div-ის ტექსტი სხვა ტეგში გამოვსახოთ:

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