2012-04-06 11 views
18

तरहMustache.Js

नीचे

var arrNames = ["Stackoverflow","StackExchange","Webmaster","Programmers"];

एक सरणी होने का उपयोग कर सरल सरणी प्रस्तुत कैसे करना चाहिए mustache.js जावास्क्रिप्ट टेम्पलेट के साथ काम करने के लिए एक टेम्पलेट देखो। मैं नीचे करने की कोशिश की, लेकिन कोई सुराग

  • {{#}}{{key}}{{/}}

उत्तर

52

documentation से:

तार की एक सरणी, एक से अधिक जब पाशन। सूची में वर्तमान आइटम को संदर्भित करने के लिए इस्तेमाल किया जा सकता है।

टेम्पलेट:

{{#musketeers}} * {{}।} {{/ Musketeers}}

दृश्य:

{ "Musketeers ": [" एथोस "," अरामिस "," पोर्थोस "," डी 'आर्टगनन "] }

आउटपुट:

  • एथोस
  • Aramis
  • Porthos
  • डी 'Artagnan

var tpl = document.getElementById('simple').innerHTML, 
 
    view = { 
 
    items: ['Stackoverflow', 'StackExchange', 'Webmaster', 'Programmers'] 
 
    }; 
 

 
document.getElementById('output').innerHTML = Mustache.to_html(tpl, view);
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script> 
 
<script type="template" id="simple"> 
 
    <h1>Array Values</h1> 
 
    <ul> 
 
    {{#items}} 
 
    <li>{{.}}</li> 
 
    {{/items}} 
 
    </ul> 
 
</script> 
 

 
<div id="output"></div>

+0

शानदार उत्तर! मैं इसे खोजने के लिए संघर्ष कर रहा था। –

+0

बेवकूफ कुछ भी आउटपुट प्रतीत होता है। –

+1

@DenisKniazhev jsFiddle के बजाय यहां चलने योग्य स्निपेट को शामिल करने के लिए अपडेट किया गया – maxbeatty

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