2012-05-02 40 views
1

對javascript使用mustache模板實現模板應該如何用於呈現哈希對象。越來越多的例子處理衆所周知鍵和值,但一個人如何創建模板(明知散列形式<string,string>)的什麼模板在javascript中呈現哈希

var hash = { 
    "Key1":"Value1", 
    "Key2":"Value2", 
    "Key3":"Value3", 
    "Key4":"Value4" 
}; 

Mustache.render(hash,"{{WHAT COMES HERE}}");

我試圖輸出這個

<ul> //for each object in hash <li><a href="{{key}}">value</a></li> </ul>

回答

3

在小鬍子,其:

Mustache.render(html, data); 

對於重複的值,可以使用部分

var html = '<ul>{{#list}}<li><a href="{{key}}">{{value}}</a></li>{{/list}}</ul>'; 

和數據:

var data = { 
    list : [ //list is an array of items 
     {key:'foo1',value:'bar1'}, 
     {key:'foo2',value:'bar2'}, 
     {key:'foo3',value:'bar3'}, 
     ... 
    ] 
} 
+0

所以從你的答案,如果我得到100Keys然後我需要模板來反映這一點,人jstemplates使生活更難以瑣碎的事情 – Deeptechtons

+0

請查看我的問題,我已經包括實際的輸出要求。似乎你已經更新了答案 – Deeptechtons

+0

@deeptechtons你可以使用章節。他們根據傳遞給它的數據重複一段HTML。 – Joseph