javascript - Mithril 组件不返回任何内容

Question

你能帮忙处理 Mithril 吗？再次？ :)

在此组件中，我想显示一些数据，但 m() 没有显示任何内容，但数据不为空。非常感谢

var default_panel_component = {
    controller: function(args) {
        return {
            'data': args.data //Object {name1: "data1", name2: "data2", name3: "data3"}
        }
    },
    view: function(ctrl) {
        return m("table", [
            $.each(ctrl.data, function (key, value) {
                console.log(key), //key1
                console.log(value), //data1
                console.log(typeof value), //string
                m("td", value)
            })
        ])
    }
};

Answer 1

这里的问题是您使用 $.each 来构建 m('table') 调用的子级，但是 each > 只会在每个对象上执行，不会返回任何内容。所以，本质上，你只剩下一张空 table 。

您需要的是[$.map][1]，它将数组或对象中的所有项目转换为新的项目数组。这样，您将为 ctrl.data 上的每个属性返回一个 m('td') 元素。

您可以看到它正在运行 on this fiddle 。我还将 tds 设置为表行的子级，因此如果您需要生成多行，请考虑到这一点。