Šabloniniai kintamieji Angular
Angular galima gauti prieigą prie puslapio
žymių naudojant šabloninius kintamuosius.
Jie leidžia susieti žymę su kintamuoju
ir nuorodą į jį naudoti komponento veikimo
metu. Norint deklaruoti tokį
kintamąjį, prieš jo vardą reikia padėti
ženklą #.
Pažiūrėkime praktiškai. Tarkime, pavyzdžiui, mes turime div. Įrašykime jį į šabloninį kintamąjį:
<div #userName>
text
</div>
Dabar kintamajame userName bus
nuoroda į mūsų div DOM elementą.
Ir mes galime su juo elgtis taip, kaip tai
daroma grynajame JavaScript.
Pavyzdžiui, išveskime šio div tekstą
kitoje žymėje:
<div>
{{ userName.textContent }}
</div>
Duotas div. Duota paveikslėlis. Įrašykite nuorodą
į paveikslėlį į šabloninį kintamąjį. Išveskite
src mūsų paveikslėlio viduje div.