Angular में कंपोनेंट क्लास के गुणों को एट्रिब्यूट्स में पास करना

केवल टैग्स के टेक्स्ट में ही नहीं, बल्कि एट्रिब्यूट्स के वैल्यू के रूप में भी क्लास की पब्लिक प्रॉपर्टीज को आउटपुट करना संभव है। आइए प्रैक्टिस में देखते हैं। मान लीजिए कि हमारी क्लास में निम्नलिखित प्रॉपर्टी है:

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

आइए हमारी प्रॉपर्टी की सामग्री को टैग के एट्रिब्यूट में आउटपुट करें:

app/app.component.html<div id="{{ test }}">
  text
</div>

app/app.component.html<img src="test.png" alt="picture">