2012-07-27 7 views
12

मैं आदेश जावास्क्रिप्ट का एक टुकड़ा का उत्पादन करने में मेरी jsrender टेम्पलेट से एक चर का उपयोग करना चाहते हैं, लेकिन मैं समझ नहीं कैसे मेरे <script id="data-item-tpl" type="text/x-jsrender">एक jsrender टेम्पलेट के साथ एक स्क्रिप्ट एम्बेड

उम्मीद है कि भीतर एक <script type="text/javascript"> जगह नीचे काफी स्पष्ट है। नीचे दिया गया कोड बनाता है। अगर मैं एम्बेडेड स्क्रिप्ट से टैग हटा देता हूं, तो यह पृष्ठ पर टेक्स्ट के रूप में मुद्रित होता है।

नीचे कोड में, मैं, आईडी के साथ एक div उत्पन्न करने के लिए कोशिश कर रहा हूँ 'chartId', और फिर एक स्क्रिप्ट जो सामग्री के साथ कि div भर जाएगा MyChart वस्तु के माध्यम से।

<script id="data-item-tpl" type="text/x-jsrender"> 
    <div class="item"> 
     <div class="graphs"> 
      <ul class="thumbnails"> 
       {{for graphs}} 
       <li><div class="thumbnail"><img src="{{html:url}}" width="190" height="120" /><p>{{html:graphTitle}}<br />{{html:value}}</p></div></li> 
       {{/for}} 
       <!-- Here we insert both the placeholder for, and the javascript to populate charts --> 
       <li><div id="{{html:chartId}}" style="width:120;height:190px;"></div></li> 
       <script type="text/javascript"> 
        var chartObj = new MyChart("{{html:chartId}}"); 
        chartObj.render(); 
       </script> 
      </ul>       
     </div> 
     ... 
</script> 

उत्तर

13

मैं बस के चारों ओर एक छोटे से खेल किया था और इसे इस तरह काम कर पाने में सक्षम था:

{{:"<scr" + "ipt type=&quot;text/javascript&quot;>"}} 
    var chartObj = new MyChart("{{html:chartId}}"); 
    chartObj.render(); 
{{:"</scr" + "ipt>"}} 

शायद नहीं सबसे सुरुचिपूर्ण समाधान, लेकिन जब मैं वहाँ में एक alert शब्दों में कहें, यह निकाल दिया।

+0

बिट हैकी लेकिन, हाँ, यह काम करता है! धन्यवाद। – Ina

+1

हाँ! यह कोड-गुणवत्ता की तरह है कि वेब कोड लिखने वाले हर व्यक्ति को अक्सर साथ रहना पड़ता है। वेब प्रौद्योगिकियों चूसना। अवधि। धन्यवाद! – user2173353

+0

मुझे घड़ी विंडो में "बहुत सारे अवैध पात्र" त्रुटि मिल रही है। मैं इसका इस्तेमाल नहीं कर सका। – Shesha

संबंधित मुद्दे