Handlebars.js: टेम्पलेट में चर निर्दिष्ट करें

को निर्मित 29 मार्च 2013 · 11टिप्पणियाँ · स्रोत: handlebars-lang/handlebars.js

क्या एक टेम्पलेट के भीतर एक चर निर्दिष्ट करना और इसे बाहर से चर के रूप में उपयोग करना संभव है?

उदाहरण:
मैं एक टेबल आउटपुट चाहता हूं, लेकिन 1 कॉलम वैकल्पिक है, डेटा पर निर्भर करता है (फ़ील्ड []। फ़ील्ड 2) मौजूद है या नहीं।

प्रत्येक पंक्ति में इसे जांचने में कोई समस्या नहीं है, लेकिन इसे शीर्षलेख के लिए कैसे जांचें?

<table>
  <thead>
    <tr>
      <th>Head 1</th>
      <th>Head 2 (optional)</th>
      <th>Head 3</th>
    </tr>
  </thead>
{{#each fields}}
  <tr>
    <td>{{{field1}}}</td>
    {{#if field2}}<td>{{{filed2}}}</td>{{/if}}
    <td>{{{field3}}}</td>
  </tr>
{{/each}}
</table>

फिलहाल मैं एक अस्थिर सहायक फ़ंक्शन "असाइन" का उपयोग करता हूं जो सहायक बनाता है।

{{#each fields}}
  {{#if field2}}
    {{assign "helperVar" "<th>Head 2 (optional)</th>"}}
  {{/if}}
{{/each}}

Output with: {{{helperVar}}}

लेकिन यह एक अच्छा समाधान नहीं है और मैं इसे #if में उपयोग नहीं कर सकता।

स्रोत

rottmann

सबसे उपयोगी टिप्पणी

:+1:

@kpdecker हमारे पास लूप हो सकते हैं, यदि कथन, और कई अन्य तर्क टेम्प्लेट में निर्माण करते हैं। लेकिन स्पष्ट रूप से एक चर निर्दिष्ट करना टेम्पलेट्स में _too_ बहुत तर्क है? मुझे वास्तव में उस निर्णय के पीछे तर्क नहीं मिलता है जब अन्य डिफ़ॉल्ट सहायकों में एक चर निर्दिष्ट करने की क्षमता होने की तुलना में अधिक तर्क होता है।

efuquen 30 मार्च 2015

👍41 🎉8 😄3

सभी 11 टिप्पणियाँ

यह तर्कहीन टेम्पलेट्स के आधार के खिलाफ जाता है और मुझे नहीं लगता कि यह भाषा-स्तर का निर्माण होना चाहिए।

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

template({
  fields: fields,
  hasField2: _.any(fields, function(item) { return item.field2; })
});

kpdecker 31 मार्च 2013

👎6

मुझे लगता है कि यह एक अच्छी सुविधा होगी, टेम्पलेट के लिए अधिक तर्क पेश करने के लिए नहीं, बल्कि उस टेम्पलेट के लिए विशिष्ट चर में पारित करने के लिए।

उदाहरण के लिए, मेरे 2 टेम्प्लेट समान आंशिक का उपयोग करते हैं। मैं टेम्पलेट स्तर से उस आंशिक में कुछ चर पारित करने में सक्षम होना चाहता हूं ताकि आंशिक के दायरे में अलग-अलग टेम्पलेट के लिए अलग-अलग चीजें आउटपुट हों।

tnguyen14 14 जून 2013

ianbytchek 17 सित॰ 2014

giyyapan 30 अक्तू॰ 2014

:+1:

koemeet 10 दिस॰ 2014

:+1:

efuquen 30 मार्च 2015

👍41 🎉8 😄3

luisdaniel 28 अप्रैल 2015

gudoy 25 जून 2015

booleangate 15 जुल॰ 2015

miquelescolar 30 जुल॰ 2015

इन पंक्तियों के साथ कुछ ब्लॉक पैरामीटर का उपयोग करके कार्यान्वित किया जा सकता है और यहां दस्तावेज किया गया है:
http://handlebarsjs.com/block_helpers.html#block -params

चूंकि यह वर्तमान संदर्भ के बाहर एक अलग नामस्थान में किया जाता है, यह संदर्भ असाइनमेंट पर अधिक सुसंगत व्यवहार प्रदान करता है।

kpdecker 9 अग॰ 2015

🎉2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Handlebars.js: टेम्पलेट में चर निर्दिष्ट करें

सबसे उपयोगी टिप्पणी

सभी 11 टिप्पणियाँ

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