Variables de template dans Angular
Dans Angular, il est possible d'accéder aux balises
de la page à l'aide de variables de template.
Elles permettent de lier une balise à une variable
et de s'y référer pendant le fonctionnement
du composant. Pour déclarer une telle
variable, il faut placer le signe #
devant son nom.
Regardons cela en pratique. Supposons, par exemple, que nous ayons une div. Enregistrons-la dans une variable de template :
<div #userName>
text
</div>
Désormais, la variable userName contiendra
une référence à l'élément DOM de notre div.
Et nous pouvons l'utiliser comme nous le ferions
en JavaScript pur.
Par exemple, affichons le texte de cette div
dans une autre balise :
<div>
{{ userName.textContent }}
</div>
Une div est donnée. Une image est donnée. Enregistrez la référence
sur l'image dans une variable de template. Affichez
src de notre image à l'intérieur de la div.
