Predloge spremenljivk v Angular
V Angularju lahko dostopate do oznak
strani z uporabo predlog spremenljivk.
Omogočajo, da oznako povežete s spremenljivko
in se nanjo sklicujete med delovanjem
komponente. Če želite razglasiti takšno
spremenljivko, morate pred njenim imenom postaviti
znak #.
Poglejmo si v praksi. Recimo, da imamo na primer div. Zapišimo ga v predlogo spremenljivko:
<div #userName>
text
</div>
Zdaj bo v spremenljivki userName
sklic na DOM element našega div.
In lahko do njega dostopamo na enak način, kot to
delamo v čistem JavaScriptu.
Na primer, izpišimo besedilo tega div
v drugi oznaki:
<div>
{{ userName.textContent }}
</div>
Podan je div. Podana je slika. Zapišite sklic
na sliko v predlogo spremenljivko. Izpišite
src naše slike znotraj div.