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:
<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:
<div>
{{ userName.textContent }}
</div>
Det er gitt en div. Det er gitt et bilde. Skriv referansen
til bildet inn i en malvariabel. Vis
src til bildet vårt inne i div-en.
