कैसे एक स्ट्रिंग मान पास करने के लिए कोणीय 2 में एक घटक के लिए

Question

मैं कोणीय 2 में एक घटक के लिए एक स्ट्रिंग मान पास करना चाहूंगा, लेकिन यह डिफ़ॉल्ट बाइंडिंग के साथ काम नहीं करता है। मैं इसके समान कुछ सोच रहा हूं:

<component [inputField]="string"></component>

दुर्भाग्य से, असाइनमेंट के दाईं ओर केवल अभिव्यक्तियों की अनुमति है। क्या इसे करने का कोई तरीका है?

Answer 1

स्ट्रिंग शाब्दिक को विभिन्न तरीकों से पारित किया जा सकता है:

<component inputField="string"></component>
<component [inputField]="'string'"></component>
<component inputField="{{'string'}}"></component>

Comments

क्या उन में कोई अंतर है? उदाहरण के लिए कोणीय पिछले दो मामलों में "बाइंडिंग" बनाएगा या यह काफी स्मार्ट होगा?

— अलेक्जेंडर अबाकुमोव

कोणीय काफी स्मार्ट है। DOM में केवल पहला ही दिखाई देगा।

— गुंटर ज़ोचौएर

धन्यवाद। मैं नेस्टेड कोट्स के बिना गुजर रहा था और यह NaN के रूप में मान लौटा रहा था: <component [inputField]='string'></component>

— एरिक सोके

तकनीकी रूप से, मैं विकल्प 1 और 3 का सुझाव नहीं दूंगा। इसमें शाब्दिक रूप से घटक तत्वों पर उन विशेषताओं और मूल्यों के साथ-साथ घटक के भीतर कोई भी तत्व शामिल होंगे जो उन मूल्यों का उपयोग कर सकते हैं। उदाहरण के लिए id="example-id", वांछित स्ट्रिंग को पास करेंगे, हालांकि, अब एक ही idविशेषता के साथ 2 तत्व होंगे । इस दृष्टिकोण का बुद्धिमानी से उपयोग करें ...

— mrtpain

Answer 2

आप स्ट्रिंग को उद्धरणों में संलग्न करके एक स्ट्रिंग पास कर सकते हैं

<component [inputField]="'string'"></component>

Answer 3

स्ट्रिंग विकल्प में एक एकल उद्धरण (और संभवतः अन्य विशेष HTML वर्ण) को शामिल करने के लिए पहला विकल्प काम करता है, जबकि वे एकल उद्धरण का उपयोग करते हैं जो शाब्दिक रूप से पार्स त्रुटियों के साथ विफल होते हैं। उदाहरण के लिए:

<component inputField="John&#39;s Value"></component>

"जॉन के मूल्य" को सही ढंग से आउटपुट देगा।