मूंछ + नेस्टेड ऑब्जेक्ट्स

Question

मैं टैग की एक सूची से पेड़ बनाने की कोशिश कर रहा हूं जिसमें उनके अंदर टैग हैं।

{ 
    "tags": 
    [{"name":"My first tag", 
    "tags": 
    [{"name":"My first tag inside a tag"}, 
    {"name":"My second tag inside a tag"}] 
    }] 
} 

अगर मैं निम्नलिखित मूंछें टेम्पलेट का उपयोग, यह "मेरी पहली टैग" प्रदर्शित करता है बिना किसी समस्या के:

<ul> 
{{#tags}} 
<li tag-id="{{id}}"> 
    {{name}} 
</li> 
{{/tags}} 
</ul> 

लेकिन तब

यहाँ JSON मैं उपयोग कर रहा हूँ का एक नमूना , निम्नलिखित टेम्पलेट का उपयोग करके, मैं इस पहले टैग के अंदर टैग प्रदर्शित करने की कोशिश कर रहा हूं:

<ul> 
{{#tags}} 
<li tag-id="{{id}}"> 
    {{name}} 
    <div> 
    {{#tags}} 
    <a>{{name}}</a> 
    {{/tags}} 
    </div> 
</li> 
{{/tags}} 
</ul> 

उपयोग करना यह टेम्पलेट, मूंछ कुछ भी प्रस्तुत नहीं करता है।

मैं मूंछ का उपयोग करके नेस्टेड सूचियों को कैसे प्रदर्शित करूं?

Answer 1

कि इस मुद्दे को हल करने के लिए, मुझे क्या करना होगा:

<div id="result-tag"></div> 
<script language="javascript" type="text/javascript"> 
    function test(){ 
    var view = { 
    "tags": 
    [{"name":"My first tag", 
     "tags": 
     [{"name":"My first tag inside a tag"}, 
     {"name":"My second tag inside a tag"}] 
    }] 
    }; 

    var templt = '<ul>{{#tags}}<li>{{name}}<div>{{>subtags}}</div></li>{{/tags}}</ul>'; 
    var partials = {"subtags": "{{#tags}}<a>{{name}}</a><br/>{{/tags}}"}; 
    var html = Mustache.to_html(templt, view, partials); 
    document.getElementById('result-tag').innerHTML=html; 
} 
window.onload = test; 
</script> 

मुझे आशा है कि मदद करता है