पग `# {} '' ऑनक्लिक '

Question

के अंदर चर लोड करने में विफल रहता है इसलिए मैं वस्तुओं की सूची प्रस्तुत करने के लिए जावास्क्रिप्ट ऑब्जेक्ट का उपयोग कर रहा हूं। मेरा ऑब्जेक्ट इस तरह दिखता है:

{ 
      text: 'One', 
      url: 'index.pug' 
     }, 
     { 
      text: 'Two', 
      url: 'Two.pug' 
     }, 
     { 
      text: 'Three', 
      url: 'Three.pug' 
     } 
} 

दिलचस्प हिस्सा तब होता है जब पग उन्हें प्रस्तुत करता है। मैं कुछ इस तरह का उपयोग कर उन्हें प्रतिपादन कर रहा हूँ: क्यों item.text सही ढंग से renders

div 
    ul.horizontalScroll 
     each item in params.apps 
      li 
       a(onclick="loadXMLDoc(#{item.url})") #{item.text} 

क्या मैं समझ नहीं है, लेकिन पर लिंक पर क्लिक करें समारोह को पिंग नहीं है। क्रोम इंस्पेक्टर में, मैंने यह देखा: <a onclick="loadXMLDoc(#)">One </a>। index.pug के रूप में तर्क क्यों नहीं आ रहा है ??

Answer 1

विशेषता भीतर चर श्रृंखलाबद्ध प्रयास करें:

a(onclick="loadXMLDoc('" + item.url + "')") #{item.text} 

Answer 2

स्वीकार कर लिया समाधान मेरे लिए काम नहीं किया। मैं कुछ अलग के साथ आगे बढ़ने में सक्षम था।

a(onclick="loadXMLDoc('#{item.url}')") #{item.text} 

सिंगल और डबल कोट्स में अंतर देखें। यह भी देखें, क्योंकि पाठ स्वतः पूर्ण हो सकता है और भी उद्धरण जोड़ने की कोशिश कर सकता है।

यह समाधान काम करता है क्योंकि loadXMLDoc एक स्ट्रिंग की अपेक्षा करता है। आपको अलग-अलग उद्धरण वर्णों का उपयोग करने की आवश्यकता है ताकि यूआरएल स्ट्रिंग विशेषता स्ट्रिंग के अंदर घोंसला हो जाए जब इसे एचटीएमएल में परिवर्तित किया जाता है।