使用 Knockoutjs 进行数据绑定嵌套 JSON

Question

我有一个包含数组数组的 JSON 结构。我有一个视图模型，它使用包含 Observable 数据的 Observable 数组定义对象，然后将这些对象嵌套在其他数组和 Observable 中。

加载包含嵌套 Observable 数组（包含 Observable 数据）的视图模型的最简单方法是什么？

例子： http://jsfiddle.net/uyQb6/1/

Answer 1

您可以使用映射插件进行探索，但选项对象会变得复杂，因为每个创建回调都必须再次调用映射插件，然后添加任何依赖的Observables，并且使所有属性都可观察会更容易。

不过，您可以坚持使用构造函数，并使用诸如 ko.utils.arrayMap 之类的东西，它只是一个简单的函数，它循环遍历数组并将每个项目重新映射到从您提供的函数返回的任何内容。

以下是添加了 ko.utils.arrayMap 调用的示例：
http://jsfiddle.net/rniemeyer/VUfSS/

Answer 2

更新：如果您的嵌套列表取决于主列表，这就是您的解决方案，否则 @rp-niemeyer 解决方案是最好的。

如果我做对了，可以说您有这样的 JSON 数据：

{
    appId: 1,
    appName: 'my app 1',
    modules:[
        {module1:1, moduleName: 'module 1'}, {module1:2, moduleName: 'module 2'}]
},
{
    appId: 2,
    appName: 'my app2',
    modules:[
        {module1:3, moduleName: 'module 3'}, {module1:4, moduleName: 'module 4'}]
}

这将成为你的 viewModel：

function myViewModel(){
    var self = this;
    self.appList = ko.observableArray(data);
    self.moduleList = ko.observableArray([]);

    // Set selectedApp in order to fill modulesList
    self.selectedApp = ko.observable();
    self.selectedApp.subscribe(function(v){
        // updates module list whenever selected app gets value.
        moduleList(v.modules);
    });
}

我没有测试它，但我确信你已经明白了。