Question

如果我在模型中使用ArrayProxy，我找不到更新该数组中特定元素属性的方法。

这是我的示例路线和控制器：

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return Ember.ArrayProxy.create({
        content : [
            { firstName : "Bob", lastName : "Smith" }, 
            { firstName : "George", lastName : "Jhnsn"}
        ]
    });
  }
});


App.IndexController = Ember.Controller.extend({
    actions : {
        fixGeorgesLastName : function(){
            // how to I change the last name to 'Johnson' ???
            console.log(this.get("model").objectAt(1).lastName); // Jhnsn
            var georgeObjFromModel = this.get("model").objectAt(1);
            console.log(georgeObjFromModel.lastName); // Jhnsn

            // georgeObjFromModel.objectAt(1).lastName = "Johnson";  // error !!!  TypeError: Object #<Object> has no method 'objectAt'

        }
    }
});

如何更改第二个元素的lastName值？

我可以弄清楚如何为同一个数组的本地版本执行此操作：

// local instance of same array
var localCustomerArray = Ember.ArrayProxy.create({
    content : [
        { firstName : "Bob", lastName : "Smith" }, 
        { firstName : "George", lastName : "Jhnsn"}
    ]
});

// works fine
console.log("before: " + localCustomerArray.objectAt(1).lastName);  // Jhnsn
localCustomerArray.objectAt(1).lastName = "Johnson";
console.log("after: " + localCustomerArray.objectAt(1).lastName);  // Johnson

知道我做错了吗？

Answer 1

通过This question

找到答案

可以使用Ember.set方法进行更新：

var georgeObjFromModel = this.get("model").objectAt(1);
Ember.set(georgeObjFromModel, "lastName", "Johnson");

Answer 2

你也可以这样做：

this.get("model").set(1+'.lastName', 'Johnson');

为什么我们不能只做以下事情？

this.get("model").get(1).set('lastName', 'Johnson');

Ember.js - 如何在ArrayProxy中设置元素的属性？

2 个答案: