Variabel Template di Angular
Di Angular, Anda dapat mengakses tag
halaman menggunakan variabel template.
Mereka memungkinkan Anda untuk mengikat tag ke variabel
dan merujuknya selama pekerjaan
komponen. Untuk mendeklarasikan variabel seperti itu,
Anda perlu meletakkan tanda # sebelum namanya.
Mari kita lihat dalam praktik. Misalnya, kita memiliki sebuah div. Mari kita simpan ke dalam variabel template:
<div #userName>
text
</div>
Sekarang variabel userName akan
berisi referensi ke elemen DOM dari div kita.
Dan kita dapat menggunakannya seperti yang dilakukan
dalam JavaScript murni.
Misalnya, mari kita tampilkan teks dari div tersebut
di dalam tag lain:
<div>
{{ userName.textContent }}
</div>
Diberikan sebuah div. Diberikan sebuah gambar. Simpan referensi
pada gambar ke dalam variabel template. Tampilkan
src dari gambar kita di dalam div.
