Mallimuutujad Angularis
Angularis on võimalik lehekülje siltidele
juurde pääseda kasutades mallimuutujaid.
Need võimaldavad siduda sildi muutujaga
ja viidata sellele komponendi töö ajal.
Sellise muutuja deklareerimiseks tuleb enne
selle nime panna märk #.
Vaatame praktikas. Olgu meil näiteks div. Kirjutame selle mallimuutujasse:
<div #userName>
text
</div>
Nüüd sisaldab muutuja userName
viidet meie divi DOM elemendile.
Ja me saame sellele viidata nii, nagu seda
tehakse puhtas JavaScriptis.
Näiteks kuvame selle divi teksti
teises sildis:
<div>
{{ userName.textContent }}
</div>
Antud on div. Antud on pilt. Kirjutage viide
pildile mallimuutujasse. Kuvage
src meie pildi sees olevas divis.
