knockout.js - knockoutjs 修改 observableArray 中的对象

Question

我在这里有这个视图模型：

var myObsArr = ko.observableArray();

var object1 = {attrA : 'hello', attrB : false};
var object2 = {attrA : 'world', attrB : true};

myObsArr.push(object1, object2);

var vm = {
    myObsArr : myObsArr
}
return vm;

我可以从这个 observableArray 中得到任何值，例如：myObsArr()[1].attrB。

有什么方法可以设置这些值，例如myObsArr[1].attrB = false，不做任何remove或replace？

谢谢你。

Answer 1

这是我发现的一个小提琴，它有一种有趣的方法，看起来与您想要的相似。

http://jsfiddle.net/up8rB/

var items = [{
    Id: 1,
    Text: 'First item'
}, {
    Id: 2,
    Text: 'Second item'
}];

var observableItems = [
    new ItemViewModel(1, "First item"),
    new ItemViewModel(2, "Second item")
];

function ItemViewModel(id, text){
    var self = this;
    self.Id = ko.observable(id);
    self.Text = ko.observable(text);
}

var viewModel = function (items) {
    var self = this;
    self.items = ko.observableArray(items);
    self.selectedItemId = ko.observable();
    self.item = ko.observable();
    self.selectItem = function (item) {
        for (var i = 0; i < self.items().length; i++) {
            if (self.items()[i].Id() === self.selectedItemId()) {
                self.item(self.items()[i]);
                break;
            }
        }
    };
};

ko.applyBindings(new viewModel(observableItems));