Variabile de șablon în Angular
În Angular puteți accesa tagurile
paginii cu ajutorul variabilelor de șablon.
Ele permit legarea unui tag la o variabilă
și referirea la acesta în timpul funcționării
componentei. Pentru a declara o astfel de
variabilă, trebuie să puneți înaintea numelui său
semnul #.
Să privim în practică. Să presupunem, de exemplu, că avem un div. Să îl scriem într-o variabilă de șablon:
<div #userName>
text
</div>
Acum în variabila userName va fi
o referință către elementul DOM al div-ului nostru.
Și putem să interacționăm cu ea așa cum se
face în JavaScript simplu.
de exemplu, să afișăm textul acestui div
într-un alt tag:
<div>
{{ userName.textContent }}
</div>
Este dat un div. Este dată o imagine. Scrieți referința
către imagine într-o variabilă de șablon. Afișați
src imaginii noastre în interiorul div-ului.
