带有封闭页面的pagerjs共享视图模型

Question

如果我有像这样的嵌套页面

<div data-bind="page: {id: 'top', withOnShow: topVM}">
  <div data-bind="page: {id: 'sub1', withOnShow: sub1VM}">
    <span data-bind="text:sub1Property"></span>
  </div>
</div>


topVM = function(callback) { callback({topProperty: XXX}); }

sub1VM = function(callback) { 
   // how can I access topVM here?
   callback({sub1Property: XXX}); 
}

如何从内部页面的视图模型访问外部页面的视图模型？

Answer 1

<span data-bind="text:$root.topVMProperty"></span>

此处的链接解释了敲除上下文

http://knockoutjs.com/documentation/binding-context.html

根据您的示例，您也可以这样做：

<span data-bind="text:$parent[1].topVMProperty"></span>