შაბლონური ცვლადები Angular-ში
Angular-ში შესაძლებელია გვერდის ტეგებზე წვდომა
შაბლონური ცვლადების მეშვეობით.
ისინი საშუალებას აძლევს ტეგი მივაბათ ცვლადს
და მასზე მივმართოთ კომპონენტის მუშაობის დროს.
ასეთი ცვლადის გამოსაცხადებლად, მისი სახელის წინ
უნდა დავსვათ # ნიშანი.
პრაქტიკაში ვნახოთ. მაგალითად, გვქონდეს div. ჩავწეროთ იგი შაბლონურ ცვლადში:
<div #userName>
text
</div>
ახლა userName ცვლადში იქნება
მითითება ჩვენი div-ის DOM ელემენტზე.
და ჩვენ შეგვიძლია მასთან ისე ვიმუშაოთ, როგორც
ეს კეთდება სუფთა JavaScript-ში.
მაგალითად, ამ div-ის ტექსტი სხვა ტეგში გამოვსახოთ:
<div>
{{ userName.textContent }}
</div>
მოცემულია div. მოცემულია სურათი. ჩაწერეთ მითითება
სურათზე შაბლონურ ცვლადში. გამოიტანეთ
src ჩვენი სურათის div-ის შიგნით.
