arrays - 如何观察 Ember.Array 中的嵌套属性

Question

假设我有一个模型Stock，它有几个StockPartition（它的一个名为 的属性partitions，它的一个数组）。

该Stock模型有一个属性，该属性usedAmount应在所有partition.amount更改时更改，当然，在添加/删除分区时也会更新。

例子 ：

stock.get('usedAmount') -> 0
stock.get('partitions') -> [Class, Class, Class]
stock.get('partitions')[0].set('amount', 12)
stock.get('usedAmount') -> I want here to return 12
stock.get('partitions')[1].set('amount', 12)
stock.get('usedAmount') -> I want here 24

怎么可能Stock观察到每一个partitions.amount？我可以编写一个addPartition如下所示的函数：

addPartition: function(partition) {
  partition.addObserver('amount', function() {
    this.get('owner').notifyPropertyChange('usedAmount');
  });
}

但我希望有更好的解决方案。

Answer 1

我会使用强大的计算属性。您还可以使用 Ember.Enumerable's 上提供的有用方法，请参阅http://jsfiddle.net/pangratz666/BxyY4/：

App.partitionsController = Ember.ArrayProxy.create({
    content: [],

    addPartition: function(amount) {
        this.pushObject(Ember.Object.create({
            amount: amount
        }));
    },

    usedAmount: function() {
        // reduce by adding all 'amount' values, start with initial value 0
        return this.reduce(function(previousValue, item) {
            return previousValue + item.get('amount');
        }, 0);
    }.property('@each.amount')
});

reduce文档中记录了这一点。