javascript - Ember 更新数组中的对象

Question

我有一个带有data:[]属性的ArrayController和一个带有each循环的模板。

当我这样做的时候

this.data.push({object})

数据数组已更新，但 View 未更新。

当我这样做的时候

this.data.pushObject({object})

数据数组已更新， View 也已更新(万岁)。

当我这样做的时候

this.data[0] = {new object}

数据数组已更新，但 View 未更新。

在这种情况下，pushObject 的等价物是什么？

我找不到“updateObject”方法。有 setObjects 方法，但它奇怪地失败了。有些对象已更新，有些则没有。

对象如下:

{
    item: "item",
    array: [1, 2, 3, 4]
}

项目总是更新，而数组则不总是更新。我已将每个循环嵌套在模板中；这会是一个问题吗？

模板如下:

{{#each data}}

    {{item}}

    {{foo}}

    {{#each array}}
        {{this}}
    {{/each}}

{{/each}}

我编辑的方式就像(在 Controller 中):

var itemToEdit = self.get('data')[0];
itemToEdit['array'] = [2, 3, 4, 5];

从全局来看，问题在于 View 不会重新渲染。当我转到另一条路线然后返回当前路线时，所有内容都会通过我所做的所有更新正确呈现。

** 进展:当我这样做时

self.get('data').setEach('foo', Math.random());

foo 属性在 View 中正确设置和更新...数组元素属性的“set”方法到底在哪里？

Answer 1

每个对象都是一个普通的 JavaScript 对象。您需要更改为Ember.Objects。而不是

this.data.pushObject({ foo: 'bar' })

你需要使用

this.data.pushObject(Ember.Object.create({ foo: 'bar' })).

需要Ember.Object，因此您可以使用set方法来更新 View 。