Š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é:
<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:
<div>
{{ userName.textContent }}
</div>
Dán div. Dán obrázek. Zapište odkaz
na obrázek do šablonové proměnné. Vypište
src našeho obrázku uvnitř divu.
