Angular में टेम्पलेट वेरिएबल
Angular में टेम्पलेट वेरिएबल का उपयोग करके
पेज के टैग्स तक पहुंच प्राप्त की जा सकती है।
ये किसी टैग को एक वेरिएबल से बाइंड करने और
कंपोनेंट के काम के दौरान उसका संदर्भ देने की
अनुमति देते हैं। ऐसा वेरिएबल घोषित करने के लिए,
उसके नाम से पहले # चिह्न लगाना होता है।
आइए व्यवहार में देखें। मान लीजिए, उदाहरण के लिए, हमारे पास एक div है। इसे एक टेम्पलेट वेरिएबल में लिखते हैं:
<div #userName>
text
</div>
अब userName वेरिएबल में हमारे div के DOM एलिमेंट
का संदर्भ होगा।
और हम इसके साथ वैसे ही व्यवहार कर सकते हैं जैसे
वन्य JavaScript में किया जाता है।
उदाहरण के लिए, आइए इस div का टेक्स्ट दूसरे टैग में आउटपुट करते हैं:
<div>
{{ userName.textContent }}
</div>
एक div दिया गया है। एक इमेज दी गई है। इमेज का संदर्भ
टेम्पलेट वेरिएबल में लिखें।
div के अंदर हमारी इमेज का src आउटपुट करें।
