Angular टेम्पलेट में कंपोनेंट क्लास के गुण

कंपोनेंट क्लास के सभी सार्वजनिक गुण कंपोनेंट टेम्पलेट के अंदर उपलब्ध होंगे। आइए देखें कि उन्हें कैसे एक्सेस किया जाए।

मान लीजिए कि हमारी क्लास में निम्नलिखित सार्वजनिक गुण है:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

आइए हमारे गुण की सामग्री को मार्कअप में प्रदर्शित करें। इसके लिए डबल कर्ली ब्रेसिज़ के अंदर गुण का नाम लिखना होगा:

app/app.component.html<div>
  {{ test }}
</div>

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>