Angular में चाइल्ड कंपोनेंट में टेक्स्ट पास करना
पैरेंट कंपोनेंट से चाइल्ड कंपोनेंट में टेक्स्ट पास किया जा सकता है। इसके लिए चाइल्ड कंपोनेंट के ओपनिंग और क्लोजिंग टैग के बीच पास किए जाने वाले टेक्स्ट को लिखना होता है। आइए इसे करके देखते हैं:
<user-data>
पैरेंट से टेक्स्ट
</user-data>
अब चाइल्ड कंपोनेंट के टेम्पलेट में
हमें उस स्थान को इंगित करना होगा जहां
पैरेंट द्वारा पास किए गए टेक्स्ट को इन्सर्ट किया जाएगा। यह विशेष टैग ng-content का उपयोग करके किया जाता है। आइए चाइल्ड कंपोनेंट के टेम्पलेट में इस टैग को लगाएं:
चाइल्ड टेक्स्ट <br>
<ng-content></ng-content>
मान लीजिए कि पैरेंट कंपोनेंट में कोई प्रॉपर्टी है। इस प्रॉपर्टी के मान को टेक्स्ट में इन्सर्ट करें। इस टेक्स्ट को इस पाठ में बताए गए तरीके से चाइल्ड कंपोनेंट में पास करें।
