Question

我正在尝试从我的服务器获取一些数据，从这些数据创建对象，然后在foreach数据绑定中将其显示在我的页面上。

这是我的代码：

self.houses = ko.observableArray([]);
self.flats = ko.observableArray([]);

function Building(item, checked){
    self = this;
    self.id = item.id;
    self.name = item.nazwa;
    self.photo = '/' + item.pic;
    self.type = item.type_text;
    self.selected = ko.observable(checked);
}

$.getJSON("/api/getHouses", function(allData) {
    self.houses($.map(allData, function(item) { return new Building(item, 0) }));
});

$.getJSON("/api/getFlats", function(allData) {
    self.flats($.map(allData, function(item) { return new Building(item, 0) }));
});

当我运行此代码时，出现错误：

self.flats is not a function

如果我要删除其中一个getJSON函数，并且只有一个（任一个），它可以正常工作。我可以一次只有一个observableArray吗？

Answer 1

看起来问题是“自”变量正在被构建函数变异，并且在ajax调用返回时不再指向根视图模型。修复可能就像在self = this

前放置“var”一样简单

self.houses = ko.observableArray([]);
self.flats = ko.observableArray([]);

function Building(item, checked){
    //self = this; 
    var self = this; //the fix
    self.id = item.id;
    self.name = item.nazwa;
    self.photo = '/' + item.pic;
    self.type = item.type_text;
    self.selected = ko.observable(checked);
}

多个可观察数组

1 个答案: