Mustache.js: वस्तु कुंजी/मूल्य जोड़े पर पुनरावृति?

को निर्मित 28 मई 2015 · 11टिप्पणियाँ · स्रोत: janl/mustache.js

क्या किसी वस्तु के कुंजी/मूल्य जोड़े पर पुनरावृति करना संभव है?

इस उदाहरण पर विचार करें:

var values = {
  'single': 'Single bed',
  'double': 'Double bed',
  'twin': 'Twin beds'
};

समतुल्य हैंडलबार.जेएस कोड:

<select name="bed_type">
{{#values}}
  <option value="{{@key}}">{{this}}</option>
{{/values}}
</select>

मुझे इसे मूंछों के साथ करने का कोई तरीका नहीं मिला

धन्यवाद।

स्रोत

chlab

👍15 👀2

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

क्या एक साधारण वस्तु पर पुनरावृत्ति की अनुमति देना वास्तव में मूंछों के दृश्य में तर्क प्रस्तुत कर रहा है? मेरा तर्क नहीं होगा। मैं तर्क-रहित सिद्धांत का प्रशंसक हूं, लेकिन हम पहले से ही सरणियों को पुन: सक्रिय कर सकते हैं, मैं ओपी से सहमत हूं कि यह अनावश्यक रूप से अजीब है। निम्नलिखित उदाहरण पर विचार करें:

मैं चाहता हूं कि मेरा डेटा हो:

"attr": {
  "class": "foo",
  "href": "/somewhere"
}

लेकिन यह होना चाहिए:

"attr": [
  {
    "key": "class",
    "value": "foo"
  },
  {
    "key": "href",
    "value": "/somewhere"
  }
]

सौंपने के लिए:

<a{{#attr}} {{ key }}="{{ value }}"{{/attr}}></a>

baseten 5 जन॰ 2017

👍31 👎1

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

हाय @chlab!

अपने डेटा को सीधे रेंडरर को पास करने के बजाय, आपको इसे view ऑब्जेक्ट में प्रारूपित करना चाहिए। या एक कस्टम सहायक का उपयोग करें। इन स्टैक ओवरफ्लो थ्रेड्स पर कुछ विचार हैं:

http://stackoverflow.com/questions/9058774/handlebars-mustache-is-there-a-built-in-way-to-loop-through-the-properties-of
http://stackoverflow.com/questions/9981907/how-to-iterate-over-a-hash-in-mustache-js

हमें बताएं कि क्या यह अभी भी स्पष्ट नहीं है। चीयर्स!

dasilvacontin 28 मई 2015

👎36 👍1

धन्यवाद @dasilvacontin।
ऐसा करने का यह एक बहुत ही अजीब तरीका लगता है, नहीं? इसके पीछे क्या तर्क है? क्या यह हैंडलबार का तरीका ज्यादा आसान नहीं होगा?
चियर्स

chlab 28 मई 2015

👍2

@chlab यह मूंछों का एक मौलिक सिद्धांत है। सभी तर्कों को एक दृश्य में निकाला जाना चाहिए, जो एक टेम्पलेट के समान नहीं है। इस मामले में, यह अधिक अजीब लगता है क्योंकि यह सिर्फ थोड़ा सा तर्क है, लेकिन यह एक फिसलन ढलान है कि मूंछें आपको नीचे जाने भी नहीं देती हैं :)

bobthecow 28 मई 2015

काफी उचित। स्पष्टीकरण के लिए धन्यवाद!

chlab 29 मई 2015

मूल सिद्धांत जिसे मूल रूप से संदर्भित किया गया था, मूंछों को भी अधिक राय देता है, मैं हमेशा मूंछ को खुश करने के लिए एक अलग रूपांतरण चरण की व्यवस्था नहीं करना चाहता ...

lu4 12 दिस॰ 2015

👍13 👎1

मैं चाहता हूं कि मेरा डेटा हो:

"attr": {
  "class": "foo",
  "href": "/somewhere"
}

लेकिन यह होना चाहिए:

"attr": [
  {
    "key": "class",
    "value": "foo"
  },
  {
    "key": "href",
    "value": "/somewhere"
  }
]

सौंपने के लिए:

<a{{#attr}} {{ key }}="{{ value }}"{{/attr}}></a>

baseten 5 जन॰ 2017

👍31 👎1

हाय दोस्तों,

मैं एक अनाम सूची को कैसे पुनरावृत्त कर सकता हूं? मैंने {{#.}} और {{/.}} का उपयोग करने की कोशिश की लेकिन वह काम नहीं कर रहा है।

धन्यवाद

cmardonespino 15 जन॰ 2018

👍2

एक अनाम सूची को पुनरावृत्त करने के लिए

let facts = doc.data(); res.render('index', {facts});

<ul> {{#each facts}} <li>Key: {{@key}} Value = {{this}}</li> {{/each}} </ul>

prashantcs8 3 अप्रैल 2018

😕5

इस मुद्दे में कुछ ऐसा है जो आधिकारिक है?

कुंजी-मूल्य जोड़े के साथ वस्तुओं की अनाम सूची का वास्तविक उपयोग कैसे करें?

कृपया सुझाई गई वस्तु, var values = { 'single': 'Single bed', ...} और प्रश्न के सुझाए गए आउटपुट का उपयोग करके एक वास्तविक उदाहरण दिखाएं।

पुनश्च: @ prashantcs8 आपका उदाहरण वास्तविक है? काम नहीं कर।

ppKrauss 14 जून 2018

@chlab हम 2018 में हैं ... अनाम संदर्भों का उपयोग करने के लिए मूंछों में कोई विकल्प नहीं है?

ppKrauss 14 जून 2018

@baseten , योर के बारे में "लेकिन यह होना चाहिए" ऊपर , यही समस्या है, डेटा-संरचना रूपांतरणों को लागू करने के लिए बदसूरत है ...

यह एक सुरुचिपूर्ण समाधान नहीं है, लेकिन मैं res.render('index', objs2list(obj)) का उपयोग कर रहा हूं जहां शायद रूपांतरण करने के लिए मूंछ सहायक विधि मौजूद है,

function objs2list(p) {
  r = [];
  for (var key in p) if (p.hasOwnProperty(key)) {
    r.push({"@key":key,"@val":p[key]});
  }
  return r;
}

मौजूद?

ppKrauss 14 जून 2018

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

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

Mustache.js: वस्तु कुंजी/मूल्य जोड़े पर पुनरावृति?

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

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

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