Angular में टेम्पलेट वेरिएबल

Angular में टेम्पलेट वेरिएबल का उपयोग करके पेज के टैग्स तक पहुंच प्राप्त की जा सकती है। ये किसी टैग को एक वेरिएबल से बाइंड करने और कंपोनेंट के काम के दौरान उसका संदर्भ देने की अनुमति देते हैं। ऐसा वेरिएबल घोषित करने के लिए, उसके नाम से पहले # चिह्न लगाना होता है।

आइए व्यवहार में देखें। मान लीजिए, उदाहरण के लिए, हमारे पास एक div है। इसे एक टेम्पलेट वेरिएबल में लिखते हैं:

app/app.component.html<div #userName>
  text
</div>

अब userName वेरिएबल में हमारे div के DOM एलिमेंट का संदर्भ होगा। और हम इसके साथ वैसे ही व्यवहार कर सकते हैं जैसे वन्य JavaScript में किया जाता है। उदाहरण के लिए, आइए इस div का टेक्स्ट दूसरे टैग में आउटपुट करते हैं:

app/app.component.html<div>
  {{ userName.textContent }}
</div>