knockout.js - 从DOM元素获取ViewModel

Question

是否可以从给定的DOM元素中获取绑定的ViewModel JavaScript对象？

ko.applyBindings( gLoginViewModel, document.getElementById("login-form") );
ko.applyBindings( gLoginViewModel, document.getElementById("register-form") );

和其他地方 - 在相当不相关的代码 - 这样的事情:

var viewModel = ko.getViewModel( formElement );
viewModel.someObservable( someData ); // observable available in all ViewModels

如果我可以做以下事情会更好:

var viewModel = ko.getViewModel( someChildElement );

提前致谢!

Answer 1

Knockout有两种实用方法可能对此有所帮助.

• ko.dataFor 将返回元素绑定的ViewModel.

• ko.contextFor返回当前元素的"绑定上下文".从此方法返回的对象将返回如下内容:

  { 
      $data: ...,
      $parents,
      $root
  }
  

所以如果我理解你的问题,你可以ko.dataFor在这里使用.这里有一个简单的例子使用dataFor.