Angular'da Şablon Değişkenleri
Angular'da sayfa etiketlerine şablon değişkenleri aracılığıyla erişim sağlanabilir.
Bunlar, bir etiketi bir değişkene bağlamanıza ve bileşen çalışırken buna başvurmanıza
olanak tanır. Böyle bir değişken bildirmek için, adından önce # işareti koymanız gerekir.
Pratikte görelim. Örneğin, bir div'imiz olsun. Onu bir şablon değişkenine yazalım:
<div #userName>
text
</div>
Şimdi userName değişkeninde div'imizin DOM öğesine bir referans bulunacak.
Ve biz buna saf JavaScript'te yapıldığı gibi başvurabiliriz.
Örneğin, bu div'in metnini başka bir etiketin içinde gösterelim:
<div>
{{ userName.textContent }}
</div>
Bir div verilmiştir. Bir resim verilmiştir. Resmin referansını
şablon değişkenine yazın. Resmimizin src'sini div içinde gösterin.
