如何從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}} ，那是不存在的array的backgroundColor。

為了解決這個問題，可以選擇數組中的第一項傳遞給Mustache.render即：

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

或者在模板中放一個循環，以渲染每個數組項，例如：

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

看到這個問題： 小胡子可以迭代頂級數組嗎？ 有關渲染頂層數組的詳細信息。