Variablat e Shabllonit në Angular
Në Angular, ju mund të përdorni
variabla shablloni për të hyrë në elementët
e faqes. Ato ju lejojnë të lidhni një element me një variabël
dhe t'i referoheni asaj gjatë ekzekutimit të
komponentit. Për të deklaruar një variabël të tillë,
ju duhet të vendosni shenjën # para emrit të saj.
Le ta shohim në praktikë. Le të themi, për
shembull, kemi një div. Le ta regjistrojmë atë në
një variabël shablloni:
<div #userName>
text
</div>
Tani, variabla userName do të
përmbajë një referencë për elementin DOM të div tonë.
Dhe ne mund ta trajtojmë atë në të njëjtën mënyrë siç
bëhet në JavaScript-in e pastër.
Për shembull, le të shfaqim tekstin e këtij div
në një element tjetër:
<div>
{{ userName.textContent }}
</div>
Jepet një div. Jepet një imazh. Regjistroni referencën
e imazhit në një variabël shablloni. Shfaqni
src të imazhit tonë brenda div.