javascript - Knockout JS - 如何将复杂对象初始化为可观察对象？

Question

我有一个 ViewModel 和一个可观察的属性，在单击编辑链接后该属性将具有一个复杂的对象。这是管理一组组的基本示例。用户可以单击“编辑”链接，我想在 SelectedGroup 属性中捕获该组。

但我不确定我应该如何初始化 SelectedGroup 并使该对象中的每个人都成为可观察的。

function ManageGroupsViewModel() {
    var self = this;
    self.Groups = ko.observableArray();
    self.IsLoading = ko.observable(false);
    self.SelectedGroup = ko.observable();
}

Answer 1

通常您会以 SelectedGroup 为 null 开始:

self.SelectedGroup = ko.observable(null);

...然后当您准备好编辑一个组时，只需将它设置为一个新实例；如果该实例需要可观察的属性，您可以像创建 ManageGroupsViewModel 一样创建它们:

function GroupVM() {
    this.name = ko.observable("");
    this.members = ko.observableArray();
}

和

// Start editing a group
yourGroupsViewModel.SelectedGroup(new GroupVM());

This other answer我有一个相当详尽的例子。