Question

我使用foreach有这个示例组件用法，这是我在html中的组件：

<followers params="value:followers"></followers>

在js：

ko.components.register("followers", {
viewModel: function (params) {
    this.listValue = params.value();
    console.log(this.listValue);
},
template:"<ul class='list-inline friends-list' data-bind='foreach:listValue'><li data-bind='text:person'></li></ul>"});

在此处查看完整脚本https://jsfiddle.net/comfreakph/em0u592c/

列表中的数据为空。

帮助谢谢。

Answer 1

您正在绑定图像属性及其在数据集中丢失，添加它并且它将起作用

 self.followers = ko.observableArray([
     { "person": "John Doe", image: '' },
    { "person": "Peter Mark", image: '' },
    {"person": "John Paul", image: ''}
 ]);

我已更新您的代码，现在正在运行，请点击此处：https://jsfiddle.net/em0u592c/6/

我在你的小提琴代码中注意到的另一件事是错误的数据“人：”：“John Doe”。你有额外的专栏。

如何使用foreach

1 个答案: