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:

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

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