Š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į:

app/app.component.html<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:

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