Javascript 如何获取嵌套视图模型的实例-敲除

视图有一个标题，后面是带有子菜单的部分。viewmodels的设计如下所示：

SettingsViewModel = function (pName) {
    var self = this;
    self.productName = ko.observable(pName), //heading
    self.sections = ko.observableArray([
            { checkboxID: ko.observable(), checkboxIDState: ko.observable(), sectionname: ko.observable(), sectionState: ko.observable() } 
        ]),  //submenus

    self.Addsections = function (checkboxid, sIdState, sName, sState) {
        this.sections.push({ checkboxID: checkboxid, checkboxIDState: sIdState, sectionname: sName, sectionState: sState });
    }
};


function MainViewModel() {
    var self = this;
    self.products = ko.observableArray([]);
    self.AddProducts= function (pname) {
        self.products.push(new SettingsViewModel(pname));
    }
};


$(document).ready(function () {
        VM = new MainViewModel();
        ko.applyBindings(VM, document.getElementById("divd"));
    data= []; //some dummy data
    CallMEnus(data);

 });

 function CallMEnus(data) {
        var str = "";

        $(data).each(function (index, products) {
            VM.AddProducts(products.name);

                        $(products.section).each(function (index, section) {

                            var ChkboxId = "data";  
                            var chkboxIdState = 'datt';
                            var chkboxIdState += " checked";
                        }
            //how to call the products add section method?
                            VM.products()[index].Addsections(ChkboxId, chkboxIdState, section.name, section.state);  

                        });

        });

我需要从MainViewModel实例调用嵌套SettingsViewModel的AddSections方法。如何做到这一点

---

提前感谢。

我会使用EventAggregator来解耦viewmodels，我已经编写了这个轻量级EventAggregator

订阅：

MyApp.eventAggregator.subscribe(MyApp.DeleteCustomerMessage, this.customerDeleted, this);

出版：

MyApp.eventAggregator.publish(new MyApp.DeleteCustomerMessage(this));

---

您的问题是，sections循环中的参数

index

隐藏products循环中的

index

。只需使用另一个参数名称：

function CallMEnus(data) {
    var str = "";

    $(data).each(function (index, products) {
        VM.AddProducts(products.name);

        $(products.section).each(function(i, section) { // here
            var id = "data";
            var state = "checked";
            VM.products()[index].Addsections(id, state, section.name, section.state);
        });
    });
};

---

“我会使用EventAggregator来解耦viewmodels”是一个完美的评论，但不是答案。请扩展您的答案，包括OP应该如何以及为什么在这里使用EventAggregator，而不仅仅是复制您为其他内容编写的一些示例代码。