Angular में टैग को CSS स्टाइल्स बाइंड करना

HTML एलिमेंट के लिए हम विशिष्ट स्टाइल्स भी सेट कर सकते हैं। यह ngStyle डायरेक्टिव की मदद से किया जाता है। इस डायरेक्टिव में CSS प्रॉपर्टीज़ और उनके वैल्यूज़ वाली एक ऑब्जेक्ट पास करनी चाहिए।

आइए कोशिश करते हैं:

<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
	टेक्स्ट
</div>

एक ऑब्जेक्ट दिया गया है:

export class AppComponent {
	public obj = {
		color: red,
		fontSize: '30px',
		fontWeight: 'bold'
	}
}

किसी टैग को इस ऑब्जेक्ट का उपयोग करके स्टाइल करें।