Angular टेम्पलेट में कंपोनेंट क्लास के गुण
कंपोनेंट क्लास के सभी सार्वजनिक गुण कंपोनेंट टेम्पलेट के अंदर उपलब्ध होंगे। आइए देखें कि उन्हें कैसे एक्सेस किया जाए।
मान लीजिए कि हमारी क्लास में निम्नलिखित सार्वजनिक गुण है:
export class AppComponent {
public test: string = 'abcde';
}
आइए हमारे गुण की सामग्री को मार्कअप में प्रदर्शित करें। इसके लिए डबल कर्ली ब्रेसिज़ के अंदर गुण का नाम लिखना होगा:
<div>
{{ test }}
</div>
निम्नलिखित मार्कअप दिया गया है:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
ऐसा करें कि नाम और उपनाम कंपोनेंट क्लास से टेम्पलेट में पास हों।