Mustache.js渲染不正确

Mustache.js is not rendering correctly

本文关键字：不正确 js Mustache      更新时间：2023-09-26

我使用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数据，它会渲染得很好。知道出了什么问题吗？

经过研究，我发现了问题所在。当记录变量jsonData的类型时，它原来是一个字符串，而不是一个对象。

所以我所要做的就是：

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

我不知道为什么会发生这种情况：您引用的演示页面使用了Maustache.to_html方法。这肯定很有效：

document.getElementById('target').innerHTML =
    Mustache.to_html(document.getElementById('template').innerText, jsonData)

但在Javascript库的主页上，render（）方法被命名。

相关文章：