knockout.js - 数据绑定嵌套 JSON 与 Knockoutjs

Question

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

加载包含可观察数据的嵌套可观察数组的视图模型的最简单方法是什么？

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

Answer 1

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

不过，您可以坚持使用您的构造函数并使用类似的东西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'}]
}

这将是您的视图模型：

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);
    });
}

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