Handlebars.js: टेम्पलेट से चर की सूची प्राप्त करने का एक तरीका?

को निर्मित 7 अप्रैल 2016 · 15टिप्पणियाँ · स्रोत: handlebars-lang/handlebars.js

हेलो सब लोग,

क्या टेम्पलेट में प्रयुक्त चरों की सूची प्राप्त करने का कोई तरीका है? मेरा मतलब है कि अगर किसी टेम्पलेट में {{varName}} , तो मैं इसे जानना चाहता हूं। अगर किसी टेम्पलेट में कुछ ऐसा है

{{#each listName}}
    {{field1}}
    {{field2}}
{{/each}}

मैं जानना चाहता हूं कि टेम्पलेट listName नामक सूची की अपेक्षा करता है जिसमें फ़ील्ड field1 और field2 । क्या इसके लिए कोई एपीआई है?

धन्यवाद,
दिमित्री।

स्रोत

dsavenko

👍12

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

इस धागे को खोजने वाले किसी भी व्यक्ति के लिए, मैंने निहित चरों की जांच के लिए एक त्वरित और गंदे तरीके का उपयोग किया

const getHBVars = value => {
  const ast = hb.parse(value)
  let keys = {}

  for (let i in ast.body) {
    if (ast.body[i].type === 'MustacheStatement') {
        keys[ast.body[i].path.original] = true
    }
  }
  return keys
}

const activeKeys = getHBVars('Hello {{person}}! Today is {{day}}')

console.log(activeKeys)
// --> { person: true, day: true }

mulhoon 13 जून 2018

👍9

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

आप जो खोज रहे हैं उसके सबसे नज़दीकी चीज़ किसी विशेष संदर्भ (टेम्पलेट चर के सेट) को आउटपुट करने के लिए लॉग हेल्पर का उपयोग कर रही है:

उदाहरण के लिए {{log this}} - कंसोल पर this ऑब्जेक्ट को आउटपुट करेगा, ताकि आप देख सकें कि कौन से गुण (और मान) उपलब्ध हैं।

यदि आप जानते हैं कि आपके पास things का एक सेट है, और आप उन्हें विशेष रूप से आउटपुट करना चाहते हैं, तो आप इसके बजाय {{log things}} कर सकते हैं। यह अन्य ब्लॉगों के भीतर यदि या प्रत्येक आदि के लिए काम करेगा।

दस्तावेज़ यहाँ हैं: http://handlebarsjs.com/builtin_helpers.html#log

ErisDS 7 अप्रैल 2016

👍3

क्या आप इनपुट को सत्यापित करने के लिए हैंडलबार टेम्पलेट से JSON-स्कीमा की तरह कुछ बनाने का कोई तरीका ढूंढ रहे हैं? मुझे नहीं लगता कि यह संभव है। चूंकि आप मनमाने ढंग से ब्लॉक-हेल्पर्स बना सकते हैं, आप कभी भी यह सुनिश्चित नहीं कर सकते कि हेल्पर-ब्लॉक के अंदर का संदर्भ वास्तव में क्या होगा और इस हेल्पर के लिए अपेक्षित सब-ऑब्जेक्ट कैसा दिखेगा।

nknapp 7 अप्रैल 2016

आप अपने स्वयं के हेल्पर मिसिंग हेल्पर के साथ एक टेम्पलेट संकलित करने का प्रयास कर सकते हैं ताकि आप उपयोग किए गए चर एकत्र कर सकें (आपको इसे शून्य इनपुट के साथ प्रस्तुत करने की आवश्यकता हो सकती है)। लेकिन, जैसा कि पिछली टिप्पणी में कहा गया था, जब आपके टेम्प्लेट अलग-अलग संदर्भ में व्यवहार करते हैं, तो आपको अलग-अलग परिणाम मिल सकते हैं।

zordius 8 अप्रैल 2016

उत्तरों के लिए धन्यवाद।

हां, मैं इनपुट को सत्यापित करने के लिए टेम्पलेट से JSON स्कीमा की तरह कुछ बनाने की कोशिश कर रहा हूं। मुझे पता है कि यह सामान्य रूप से संभव नहीं है। लेकिन अगर मैं केवल मेरे द्वारा लिखे गए मानक सहायकों और सहायकों का उपयोग करता हूं ( knownHelpersOnly ), तो मुझे कोई अंतर्निहित अपरिवर्तनीय समस्या नहीं दिखाई देती है।

मैंने सोचा कि हैंडलबार ऐसा करने के लिए 'मानक' (यद्यपि निम्न-स्तर) तरीका प्रदान कर सकते हैं। कहें, मददगारों के लिए एक एपीआई दुनिया को यह बताने के लिए कि वे इनपुट के रूप में क्या उम्मीद करते हैं, या ऐसा कुछ। आपके उत्तरों को देखते हुए, ऐसा कोई तरीका नहीं है।

मैं इसे एक फीचर अनुरोध के रूप में माना जाना चाहता हूं :)

dsavenko 8 अप्रैल 2016

@dsavenko आप टेम्पलेट को पार्स कर सकते हैं और एएसटी स्कैन कर सकते हैं। उस तकनीक का उपयोग आंशिक नोड्स के लिए एएसटी खोजकर, इस आवश्यकता प्लगइन में आंशिक प्रीलोड करने के लिए किया जाता है:
https://github.com/SlexAxton/require-handlebars-plugin/blob/master/hbs.js#L224

यहां एएसटी संरचना पर प्रलेखन है:
https://github.com/wycats/handlebars.js/blob/master/docs/compiler-api.md

jbboehr 19 अप्रैल 2016

@jbboehr धन्यवाद, यह आशाजनक लग रहा है!

dsavenko 19 अप्रैल 2016

@dsavenko मुझे इसे स्वयं देखना अच्छा लगेगा; मैं अपने बंदरगाह में टाइप-चेकिंग को एकीकृत करने का एक तरीका ढूंढ रहा था और एक टेम्पलेट स्कीमा ऐसा लगता है जैसे इसे मदद करनी चाहिए।

jbboehr 19 अप्रैल 2016

क्या आपको इसका कोई हल मिला?
यह एक है लेकिन मैं इसे काम नहीं कर सका:

https://github.com/stevenvachon/handlebars-html-parser

abumalick 7 फ़र॰ 2017

👍1

@abumalick , नहीं, मैंने नहीं किया। एएसटी पार्सिंग दृष्टिकोण काम कर सकता है। लेकिन मेरे लिए यह आसान था कि मैं अपने प्रवाह को इस तरह से नया स्वरूप दे दूं कि इसके लिए इस सुविधा की आवश्यकता नहीं है।

dsavenko 7 फ़र॰ 2017

const getHBVars = value => {
  const ast = hb.parse(value)
  let keys = {}

  for (let i in ast.body) {
    if (ast.body[i].type === 'MustacheStatement') {
        keys[ast.body[i].path.original] = true
    }
  }
  return keys
}

const activeKeys = getHBVars('Hello {{person}}! Today is {{day}}')

console.log(activeKeys)
// --> { person: true, day: true }

mulhoon 13 जून 2018

👍9

लेकिन कच्चे माल पर रेगेक्स का उपयोग करने का एक तेज़ तरीका शायद होगा।

/{{[{]?(.*?)[}]?}}/g

https://gist.github.com/etiennemarais/2597e33168a07a16a5d541db2a991005

mulhoon 13 जून 2018

👍7

मैंने कुछ साल पहले Barhandles बनाया था। यह निश्चित रूप से सही नहीं है, लेकिन यह रेगेक्स पार्सिंग से बेहतर है। आप बस इसे हैंडलबार टेम्पलेट खिलाएं, और यह चर संदर्भ खोजने के लिए एएसटी का उपयोग करेगा।

http://nxt.flotsam.nl/barhandles
https://medium.com/east-pole/advanced-barhandles-4a7e64c1bc0d
https://github.com/wspringer/barhandles

wspringer 3 जुल॰ 2019

👍3

निष्क्रियता के कारण बंद।

nknapp 5 अप्रैल 2020

@wspringer तुम आदमी हो!

Joshmamroud 24 सित॰ 2020

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

https://gist.github.com/imryanjay/1d91b2c9f768af7c1b1877a51a4a75f0

imryanjay 5 नव॰ 2020

👍1

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

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

Handlebars.js: टेम्पलेट से चर की सूची प्राप्त करने का एक तरीका?

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

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

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