हैंडलबार टेम्प्लेट में टिप्पणियों का उपयोग कैसे करें?


134

मैं अपने अस्थायी इंजन के रूप में Handlebar.js का उपयोग कर रहा हूं। अब मैं अपने हैंडलबार टेम्प्लेट्स में से कुछ ब्लॉक्स पर टिप्पणी करना चाहता हूं। लेकिन तब मैंने महसूस किया कि हैंडलबार कमेंट ब्लॉक के अंदर के भावों को अनदेखा नहीं करता है। इसके लिए कोई वर्कअराउंड?


यह पुल अनुरोध आपको रूचि दे सकता है।
फ्रैडरिक हमीदी

यह बहुस्तरीय टिप्पणियों का समर्थन करता है लेकिन इसके अंदर के भावों को अनदेखा नहीं करता है।
अभिदेव

जवाबों:


201

हैंडलबार्स के नवीनतम संस्करण में टिप्पणियों का समर्थन ब्लॉक है:

{{!-- {{commented expressions}} --}}

https://github.com/wycats/handlebars.js/commit/a927a9b0adc39660f0794b9b210c9db2f7ddecd9


8
धन्यवाद jatesetung यह पूरी तरह से काम नहीं करता है क्योंकि मैं एक टिप्पणी की उम्मीद करता हूं, लेकिन मुझे लगता है कि यह इच्छित उद्देश्य के लिए काम करता है। इस ट्यूटोरियल के माध्यम से जाना कि पर्दे के पीछे हैंडलबार कैसे काम करते हैं। net.tutsplus.com/tutorials/javascript-ajax/… । ऐसा लगता है कि हैंडलबार एक टिप्पणी की गई पंक्ति को पूरी तरह से अनदेखा नहीं करता है क्योंकि यह अभी भी एक टोकन बना रहा है। टोकन अभी खाली है। उदाहरण के लिए "{{! - नमस्ते {{नाम}} -}}" 1 खाली टोकन बनाता है। अगर यह कभी किसी के लिए मुद्दों का कारण बनता है, तो यह ध्यान देने योग्य है। पता नहीं अगर यह पर्दे के पीछे से होगा।
नौमानस

51

उद्घाटन कोष्ठक के बाद बस एक विस्मयादिबोधक चिह्न जोड़ें।

सामान्य अभिव्यक्ति:

{{expressions}}

टिप्पणी की अभिव्यक्ति:

{{!expressions}}

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

31

इस तरह से अपने हैंडलबार टेम्पलेट फ़ाइल में उपयोग करें।

<div class="entry">
  {{!-- only output author name if an author exists --}}
  {{#if author}}
    <h1>{{author.firstName}} {{author.lastName}}</h1>
  {{/if}}
</div>

टिप्पणियां परिणामी आउटपुट में नहीं होंगी। यदि आप टिप्पणी दिखाना चाहते हैं, तो HTML टिप्पणियों का उपयोग करें।

<div class="entry">
  {{! This comment will not be in the output }}
  <!-- This comment will be in the output -->
</div>

इस लिंक को देखें


-4

इस कोड का उपयोग करें:

{{#data}}
<!-- enter comments here  -->
<p>{{name}}</p>
{{/data}}  
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.