如何从json渲染胡子js

Question

我有一个json，格式如下。我想用胡子js填充json。

Json格式

渲染json的代码是

render: function () {
    var tmplData = self.jsonArrayFull;
    var out = Mustache.render(self._dashboardTemplate(), tmplData);
    self.element.html(out);
}

_dashboardTemplate: function () {
            var template = '<div id="layoutContainer" style="background-color:{{backgroundColor}}"></div>';
            return template;
        },

我该怎么做？它呈现为null。请帮忙..

Answer 1

你的问题来自于tmplData是一个数组而不是一个对象的事实，所以当你的模板寻找{{backgroundColor}}时，这是一个不存在的数组的backgroundColor。

要解决此问题，请选择数组中的第一项以传递给Mustache.render，即：

Mustache.render(self._dashboardTemplate(), tmplData[0])

或者在模板中放置一个循环来渲染每个数组项，如：

var template = '{{#.}}<div id="layoutContainer" style="background-color:{{backgroundColor}}"></div>{{/.}}';

有关呈现顶级数组的详细信息，请参阅此问题：Can mustache iterate a top-level array?。