Sablonváltozók az Angularban
Az Angularban hozzáférhetünk az oldal elemeihez
sablonváltozók segítségével.
Ezek lehetővé teszik, hogy egy elemet egy változóhoz
kötöjünk és hivatkozzunk rá a komponens működése
során. Egy ilyen változó deklarálásához a neve elé kell tenni a
# jelet.
Nézzük a gyakorlatban. Tegyük fel, hogy van egy divünk. Írjuk be egy sablonváltozóba:
<div #userName>
text
</div>
Most a userName változóban
lesz egy referencia a divünk DOM elemére.
És úgy hivatkozhatunk rá, ahogy az
tiszta JavaScript-ben szoktuk.
Például írjuk ki a div szövegét
egy másik elemben:
<div>
{{ userName.textContent }}
</div>
Adott egy div. Adott egy kép. Írja be a kép referenciáját
egy sablonváltozóba. Jelenítse meg
a kép src attribútumát a div-en belül.
