javascript - js对象渲染错误

Question

我有一些结构想要渲染到我的 JADE 页面，所以我决定制作类似 JSON 的对象来渲染某种数据(变量、文本、js 对象)，这个 JSON 对象看起来像:

var dataSet1 = {
meta: {
    "name": "Some text",
    "minimum": mini_2,
    "maximum": maxi_2,
    "currentValue": last_data_2
},
data: {
    "values": dataTwo,
    "corridor": {
        "x1": xc,
        "x2": yc2,
        "yw": yw2
    }
}
};

我的渲染线:

res.render('index', {
data_to_draw: dataSet1
});

然后我在 JADE 上使用此渲染数据:

    displayGraphExampleOne("#graph",
                        !{data_to_draw.data.values},
                        !{data_to_draw.meta.currentValue},
                        !{data_to_draw.meta.minimum},
                        !{data_to_draw.meta.maximum},
                        !{data_to_draw.meta.name},
                        !{data_to_draw.data.corridor.x1},
                        !{data_to_draw.data.corridor.x2},
                        !{data_to_draw.data.corridor.yw2});

无法读取未定义的属性“值”我收到此类错误。 我是 JS 新手，所以我试图确定我做错了什么。如果我不在 js 对象中传递数据 - 它工作得很好，但我需要这种类型的传递数据。感谢x

Answer 1

这只是对我正在渲染的内容的误解，我正在渲染一个数组，所以我应该使用此构造来正确调用和传递:

function d3_drawer(input_array, element_id) {
            for (var i=0; i < input_array.length; i++) {
                displayGraphExampleOne(element_id,
                input_array[i].data.values,
                input_array[i].meta.currentValue,
                input_array[i].meta.name,
                input_array[i].data.corridor.rmin,
                input_array[i].data.corridor.rmax,
                input_array[i].data.corridor.nmin,
                input_array[i].data.corridor.nmax);
            }
        }