设置并初始化多个挖空视图模型

Question

我正在尝试创建和初始化某种主视图模型，该模型包含可能在页面加载时附加的每个页面和页面特定模型上运行的常见视图模型。

var MasterViewModel = { 
    commonViewModel1 : CommonViewModel1(), 
    commonViewModel2 : CommonViewModel1() 
}; 

var commonInit = function() { 
    // Populate View Model Data 
    MasterViewModel.commonViewModel1 = initCommonViewModel1(); 
    MasterViewModel.commonViewModel2 = initCommonViewModel2(); 

    // Apply common view model bindings 
    ko.applyBindings(MasterViewModel); 
}; 

var pageSpecificInit = function() { 
    // Populate Specific View Model Data 
    MasterViewModel.pageViewModel1 = initPageViewModel1(); 
    MasterViewModel.pageViewModel2 = initPageViewModel2(); 

// Apply Page Specific Bindings 
ko.applyBindings(MasterViewModel); 
}; 

$(function() { 
    commonInit(); 
    pageSpecificInit(); 
}); 

这是什么，我想这样只有页面特定代码运行在实际应用中，这是所有的命名空间，并在不同的文件做了最原始的例子。什么是这样做的最佳实践我有点基于上述对http://www.knockmeout.net/2012/05/quick-tip-skip-binding.html但是当我在应用程序中做，我得到的东西，如“不能绑定到pageViewModel1未定义”应该设置我的MasterViewModel不同更像

var MasterViewModel = { 
    commonViewModel1 : CommonViewModel1(), 
    commonViewModel2 : CommonViewModel1(), 
    pageViewModels : {} 
}; 

    var commonInit = function() { 
    // Populate View Model Data 
    MasterViewModel.commonViewModel1 = initCommonViewModel1(); 
    MasterViewModel.commonViewModel2 = initCommonViewModel2(); 

    // Apply common view model bindings 
    ko.applyBindings(MasterViewModel); 
}; 

var pageSpecificInit = function() { 
    // Populate Specific View Model Data 
    MasterViewModel.pageViewModels.pageViewModel1 = initPageViewModel1(); 
    MasterViewModel.pageViewModels.pageViewModel2 = initPageViewModel2(); 

// Apply Page Specific Bindings 
ko.applyBindings(MasterViewModel.pageViewModels); 
}; 

$(function() { 
    commonInit(); 
    pageSpecificInit(); 
}); 

Answer 1

你的第二个例子更正确，但是不应该将页面特定的视图模型绑定到你用停止绑定注释包围的特定html元素吗？

ko.applyBindings(MasterViewModel.pageViewModels, $('#pageElement')[0]); 

但是，如果你想有很好的分离对象，可以互相交谈，那么你可能想看看Knockout Postbox