如何在可观察数组中执行Knockout可观察对象

Question

我想实现一个可观察的数组，在该数组中应该有可观察的对象（JS对象）。 在视图中，我正在迭代此数组并获取对象并显示对象属性。 假设有一个像下面这样的对象，

{"name":"john","age":21,"address":"No 25"}

想象一下，可观察数组由上面的对象组成。

然后我想要更改特定对象的单个属性 （例如名称），并且需要查看视图上的更改。

我怎么能用淘汰赛做到这一点？

谢谢。

Answer 1

如果您在viewModel中设置用户并使用knockout映射映射它，您应该获得所需的结果。 就像是：

myObservableArray.push(new UserViewModel( {"name":"john","age":21,"address":"No 25"} ));  

var UserViewModel = function(data){
    var self = this;
    ko.mapping.fromJS(data, {}, self);    
}

这样，每个映射的属性都是可观察的，当它们发生变化时，这将反映在您的标记中。

Answer 2

要将模型转换为可观察的视图模型，可以使用ko.utils.arrayMap和ko.mapping.fromJS 。

var source = [{"name":"john","age":21,"address":"No 25"}];
var vm = ko.utils.arrayMap(source, function (item) {
    return  ko.mapping.fromJS(item)
});

看小提琴

Answer 3

只需为您的数据项定义一个新模型，并使每个属性都可观察，如下所示：

var dataItemModel = function (name, age, address) {
    this.name = ko.observable(name);
    this.age = ko.observable(age);
    this.address = ko.observable(address);
}

获取数据后，循环遍历它们，创建dataItemModel （具有可观察的属性），然后将此项添加到ObservableArray 。