KnockoutJS - 重新绑定ViewModel

时间:2012-03-24 18:51:38

标签: javascript knockout.js

我想用另一个具有相同类型的对象(例如Person)切换viewModel中的对象。如果我这样做:

var personViewModel = function (person) {
  var self = this;

  self.id = person.id;
  self.firstName = ko.observable(person.firstName);
  self.lastName = ko.observable(person.lastName);
  self.addresses = ko.observableArray(contact.addresses);

  self.removeAddress = function (address) {
  self.addresses.remove(address);
 }
}

并将其与:

绑定
ko.applyBindings(new personViewModel(person), $("#person")[0]);

它第一次运行很好,但是如果我第二次将它与另一个对象绑定,第一次绑定就不会消失。

如何在viewModel中轻松切换对象人物?

1 个答案:

答案 0 :(得分:14)

您基本上希望整个视图模型是可观察的,然后交换一个新的personViewModel对象。就像:

var viewModel = {
  person: ko.observable()
};

viewModel.person(new personViewModel(person));

ko.applyBindings(viewModel);

然后,只需交换一个新人,如:

viewModel.person(new personViewModel(newPerson));