Sjabloonveranderlikes in Angular
In Angular kan jy toegang verkry tot die bladsy se etikette
met behulp van sjabloonveranderlikes.
Hulle laat jou toe om 'n etiket aan 'n veranderlike te bind
en daar na te verwys tydens die komponent se werking.
Om so 'n veranderlike te verklaar, moet jy die teken
# voor sy naam plaas.
Kom ons kyk prakties. Laat ons sê ons het byvoorbeeld 'n div. Laat ons dit in 'n sjabloonveranderlike aanteken:
<div #userName>
teks
</div>
Nou sal die veranderlike userName
'n verwysing na die DOM-element van ons div bevat.
En ons kan daarop verwys soos dit in suiwer JavaScript
gedoen word.
Byvoorbeeld, kom ons toon die teks van hierdie div
in 'n ander etiket:
<div>
{{ userName.textContent }}
</div>
Gegee 'n div. Gegee 'n prent. Teken 'n verwysing
na die prent in 'n sjabloonveranderlike. Vertoon
src van ons prent binne die div.
