Question

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

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

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

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

我怎样才能使用淘汰赛？

感谢。

Answer 1

如果您在viewModel中设置用户并将其与knockout mapping映射，则应获得所需的结果。类似的东西：

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)
});

See fiddle

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。

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

3 个答案: