Angular में चाइल्ड कंपोनेंट में प्रॉपर्टीज पास करना

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

class AppComponent {
	public name: string = 'john';
	public age: number = 25;
}

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

<user-data [name]="name" [age]="age"></user-data>

पैरेंट कंपोनेंट में उत्पाद के नाम और कीमत के लिए प्रॉपर्टीज बनाएं। उनके मानों को अपने चाइल्ड कंपोनेंट में पास करें।