Malvariabler i Angular

I Angular kan man få tilgang til sidens tagger ved hjelp av malvariabler. De tillater deg å binde en tagg til en variabel og referere til den under komponentens kjøring. For å deklarere en slik variabel, må du sette tegnet # foran dens navn.

La oss se på det i praksis. La oss si, for eksempel, at vi har en div. La oss skrive den til en malvariabel:

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

Nå vil variabelen userName inneholde en referanse til vår div sitt DOM-element. Og vi kan bruke den slik som det gjøres i ren JavaScript. For eksempel, la oss vise teksten i denne div-en i en annen tagg:

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