Pembolehubah Templat dalam Angular
Dalam Angular, akses kepada tag halaman boleh diperoleh
menggunakan pembolehubah templat.
Ia membenarkan anda mengikat tag kepada pembolehubah
dan merujuknya semasa komponen beroperasi.
Untuk mengisytiharkan pembolehubah sedemikian,
anda perlu meletakkan tanda # sebelum namanya.
Mari kita lihat dalam praktik. Katakan, sebagai contoh, kita mempunyai satu div. Mari kita tulisnya ke dalam pembolehubah templat:
<div #userName>
text
</div>
Sekarang, pembolehubah userName akan
mengandungi rujukan kepada elemen DOM div kita.
Dan kita boleh menggunakannya seperti yang dilakukan
dalam JavaScript tulen.
Sebagai contoh, mari kita paparkan teks div tersebut
dalam tag lain:
<div>
{{ userName.textContent }}
</div>
Diberikan satu div. Diberikan satu imej. Tuliskan rujukan
kepada imej dalam pembolehubah templat. Paparkan
src imej kita di dalam div tersebut.
