什么模板在javascript中呈现哈希

时间:2012-05-02 06:18:32

标签: javascript dictionary hashmap mustache

使用javascript的Mustache模板实现模板应如何用于呈现Hash对象。越来越多的示例处理众所周知的键和值,但是如何创建模板(知道哈希的形式为<string,string>

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>

2 个答案:

答案 0 :(得分: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'},
        ...
    ]
}

答案 1 :(得分:0)

从我可以从他们的文档http://mustache.github.com/mustache.5.html中收集的信息来看,它应该是类似的,但是参数是另一种方式。

“{{Key1}},{{Key2}},{{Key3}} ....”