Šablonové proměnné v Angular

V Angular lze získat přístup ke značkám stránky pomocí šablonových proměnných. Umožňují svázat značku s proměnnou a odkazovat se na ni během práce komponentu. K deklaraci takové proměnné je třeba před její jméno umístit znak #.

Podívejme se na praxi. Předpokládejme, že máme například div. Zapišme jej do šablonové proměnné:

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

Nyní bude v proměnné userName ležet odkaz na DOM element našeho divu. A můžeme s ním zacházet tak, jak se to dělá v čistém JavaScriptu. Například vypišme text tohoto divu v jiné značce:

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