Mustache.js无法正确呈现

Question

我正在使用Mustache.js,我有以下模板来呈现下拉列表:

<select name="{{listName}}">
    {{#items}}
    <option value="{{id}}">{{name}}</option>
    {{/items}}
</select>

我传递给render方法的json对象是:

items:[
    0: {id:1, name:Actor}
    1: {id:2, name:Director}
    2: {id:3, name:Producer}
    3: {id:4, name:Executive Producer}
    4: {id:5, name:Assistant Producer}
    5: {id:6, name:Scriptwriter}]
listName: "occupation"

渲染的行是:

var html = Mustache.render(template, jsonData);

html变量包含:

<select name>
</select>

渲染的是一个空的下拉列表.虽然在Mustache 演示页面中,如果我粘贴我的模板和Json数据,它渲染得很好.知道出了什么问题吗？

Answer 1

经过研究，我发现出了什么问题。当记录变量 jsonData 的类型时，结果发现它是一个字符串而不是一个对象。

所以我所要做的就是：

object = $.parseJSON(jsonData);
var html = Mustache.render(template, object);