Question

Using the Mustache template implementation for javascript How should template be for rendering Hash object. More and more examples deal with well known keys and values but how does one create template (knowing that hash is of form <string,string>)

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

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

I am trying to output this

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

Answer 1

In mustache, its:

Mustache.render(html, data);

For repeating values, you can use sections

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

and the data:

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