Mallvariabler i Angular
I Angular kan man komma åt sidans taggar
med hjälp av mallvariabler.
De låter dig binda en tagg till en variabel
och referera till den under komponentens
drift. För att deklarera en sådan
variabel måste du sätta tecknet
# före dess namn.
Låt oss titta på det i praktiken. Låt oss säga, till exempel, att vi har en div. Låt oss spara den i en mallvariabel:
<div #userName>
text
</div>
Nu kommer variabeln userName
innehålla en referens till vår divs DOM-element.
Och vi kan använda den på samma sätt som det
görs i ren JavaScript.
Till exempel, låt oss visa texten från denna div
i en annan tagg:
<div>
{{ userName.textContent }}
</div>
En div är given. En bild är given. Spara referensen
till bilden i en mallvariabel. Visa
src för vår bild inuti diven.
