Angular टेम्पलेट में ऑब्जेक्ट प्रॉपर्टीज़

मार्कअप में ऑब्जेक्ट्स को भी डिस्प्ले किया जा सकता है। आइए इसे व्यवहार में देखें। मान लीजिए कि हमारे पास निम्नलिखित ऑब्जेक्ट है:

export class AppComponent {
	public obj = {'a': 1, 'b': 2, 'c': 3};
}

आइए हमारे ऑब्जेक्ट की सामग्री को मार्कअप में डिस्प्ले करें:

<div>
	{{ obj.a }}
	{{ obj.b }}
	{{ obj.c }}
</div>

निम्नलिखित ऑब्जेक्ट दिया गया है:

export class AppComponent {
	public user = {
		name: 'john',
		surn: 'smit',
	};
}

इस ऑब्जेक्ट के प्रत्येक एलिमेंट को अलग-अलग पैराग्राफ में डिस्प्ले करें।

निम्नलिखित ऑब्जेक्ट दिया गया है:

export class AppComponent {
	public user = {
		img: 'pic.png',
		alt: 'picture',
	};
}

इस ऑब्जेक्ट के एलिमेंट्स को निम्नलिखित मार्कअप के रूप में डिस्प्ले करें:

<img src="pic.png" alt="picture">