Handlebars.js: एक सहित<script>tag in a template?</script>

आपको उन्हें गतिशील रूप से जोड़ने की आवश्यकता है, अर्थात https://gist.github.com/jeremiahlee/1748966

मेह। यह काफी बदसूरत है, लेकिन मुझे लगता है कि अगर यही एकमात्र तरीका है, तो मैं इसका उपयोग करूंगा = (कुछ होशियार होना चाहिए, कृपया @wycats मुझे बताएं कि कुछ स्मार्ट है! धन्यवाद @jorde :)

मैं यहां नया हूं लेकिन मुझे लगता है कि आपके टेम्पलेट्स को प्रीकंपाइल करने से समस्या हल हो सकती है!

मुझे यकीन नहीं है कि आपके लिए क्या तोड़ रहा है लेकिन बचने की तरफ, मुझे लगता है कि यह सब इस बात पर निर्भर करता है कि टेम्पलेट्स को कैसे परिभाषित किया जा रहा है।

मैं गतिशील दृष्टिकोण की अनुशंसा करता हूं क्योंकि script तत्वों को innerHTML के माध्यम से इंजेक्ट किया जाता है, विभिन्न ब्राउज़रों में अलग-अलग व्यवहार होते हैं, कुछ ब्राउज़रों के साथ, विशेष रूप से आईई के पुराने संस्करण, चुपचाप सामग्री छोड़ देते हैं। Zepto इसके आसपास काम करने का प्रयास करता है: https://github.com/madrobby/zepto/blob/master/src/zepto.js#L759 -L763 लेकिन इस तरह की चीजों को करने का प्रयास करते समय मैं अभी भी सावधानी से चलूंगा।

@kpdecker समस्या बहुत सरल है। हम अपने टेम्प्लेट को परिभाषित करने के लिए <script type="text/x-handlebars">...</script> का उपयोग करते हैं। सामग्री में <script src="https://gist.github.com/4332573.js"/></script> जोड़ने से हैंडलबार भ्रमित हो जाएगा क्योंकि यह मान लेगा कि टेम्प्लेट का अंत सार के अंत में है... न कि यह वास्तव में कहां समाप्त होता है।

मैं संकलन विकल्प का प्रयास करूंगा, यदि यह एकमात्र विकल्प है, लेकिन यह एक ओवरकिल की तरह लगता है: /

आम तौर पर प्रीकंपाइलिंग की सिफारिश की जाती है क्योंकि यह प्रदर्शन लाभ प्रदान कर सकता है (बिल्ड चरण की आवश्यकता की कीमत पर)। यह कुल हैक है लेकिन आप कुछ ऐसा करने में सक्षम हो सकते हैं:

</sc{{undefined}}ipt>

यहां एचटीएमएल पार्सर के व्यवहार के आसपास काम करने के लिए, लेकिन यह कुल हैक की तरह लगता है।

हैंडलबार भाषा पक्ष पर हमें देखना चाहिए कि सामग्री को सामान्य रूप से कैसे बचाया जाए।

इसलिए, मैं अंततः टेम्प्लेट संकलन के साथ गया ... लेकिन यह अभी भी अच्छा नहीं है, जैसा कि ऐसा लगता है, भले ही <script> तत्व शामिल हैं, वे "निष्पादित" नहीं हैं: /
कोई उपाय?

यदि स्क्रिप्ट तत्व अंतिम रेंडर पर डीओएम में हैं लेकिन निष्पादित नहीं हैं तो आपको मैन्युअल लोडिंग करना पड़ सकता है जो हैंडलबार के दायरे से बाहर है। यह इस विषय पर मेरे अनुभव से "यहाँ ड्रेगन हो" (यह वर्षों पहले था)

हालांकि मैं इस तरह के एक सहायक द्वारा हल किया जा सकता है: http://codepen.io/emirotin/pen/rksCx
लेकिन किसी कारण से सार प्रस्तुत नहीं करता है

इस बारे में फिर से सोचने के बाद, मुझे लगता है कि यह अपेक्षाकृत असामान्य उपयोग का मामला है। इसके लिए एक अतिरिक्त भाषा निर्माण बनाने के बजाय, मैंने इनलाइन टेम्पलेट में उपयोग किए जाने पर इस निर्माण को तोड़ने के लिए एक टिप्पणी का उपयोग करने की क्षमता पर प्रकाश डालने वाले एफएक्यू अनुभाग में दस्तावेज़ीकरण जोड़ा है और उपयोगकर्ताओं से संभव होने पर प्रीकंपील्ड टेम्पलेट्स का उपयोग करने का आग्रह किया है।

https://github.com/wycats/handlebars.js/blob/master/FAQ.md

क्या आप इस तरह की स्क्रिप्ट से बच नहीं सकते? हालांकि शायद बहुत सुरक्षित नहीं है ...

<script src="script1.js"><{{!}}/script>
<script src="script2.js"><{{!}}/script>

santafebound आप प्रतिभाशाली हैं!

@ Letsrock85 क्या मैं अनुशंसा कर सकता हूं कि आप अपने टेम्पलेट्स को प्रीकंपाइल करें? आप पूरी तरह से ऐसी समस्याओं से बचते हैं और बेहतर प्रदर्शन प्राप्त करते हैं।

@nknapp बस स्पष्ट करने के लिए, प्रीकंपलिंग टेम्प्लेट इसे ठीक नहीं करते हैं। स्क्रिप्ट टैग DOM में एम्बेड किया गया है, लेकिन इसे निष्पादित नहीं किया गया है।

@nevercast Handlebars केवल उस स्ट्रिंग की गणना करता है जिसमें स्क्रिप्ट है।

आप स्ट्रिंग के साथ क्या करते हैं आप पर निर्भर है। आप इसे डीओएम में सम्मिलित कर सकते हैं, लेकिन यह स्क्रिप्ट निष्पादित नहीं करता है। वह सही है।

समाधान के लिए, देखें https://stackoverflow.com/questions/4619668/executing-script-inside-div-retrived-by-ajax

धन्यवाद @nknapp , मैंने अपना खुद का स्क्रिप्ट प्रकार परिभाषित करना समाप्त कर दिया। <script type="text/x-after-hashchange"> और हैंडलबार द्वारा अपना काम करने के बाद उन्हें आमंत्रित करना। जो मेरा मानना ​​​​है कि आपके द्वारा लिंक किए गए समाधानों के समान है।