javascript - 当绑定(bind)到深度嵌套的属性时，Ember 计算属性不会触发

Question

这JSBin隔离我在代码中遇到的问题。我有一个嵌入式模型的层次结构和一个计算属性 (data)，只要链最底部的值发生变化 (symbol)，它就会触发。该示例直接显示属性以及计算属性的结果。按钮会更改单击时的值。您会看到它更新了属性，但计算属性没有触发。为什么 selectedAllocation.positions.@each.instrument.symbol 无法在任何 instrument.symbol 更改时触发计算？

如果这个例子看起来做作，那只是因为我试图抽象出现实中更复杂的东西，例如这些数组中不止一个对象，data 是必需的，因为另一个库需要一个特定格式的简单 JS 对象。

Answer 1

Note that @each only works one level deep. You cannot use nested forms like todos.@each.owner.name or todos.@each.owner.@each.name.

http://emberjs.com/guides/object-model/computed-properties-and-aggregate-data/

你需要创建一个别名来将 symbol 提升一个级别(不是 coffeescript 的人，希望你能通读黑客，下面的 positions 别名是对于踢球和咯咯笑，没有区别)。

App.Position = Ember.Object.extend({
  instrumentSymbol: Em.computed.alias('instrument.symbol')
})

App.IndexController = Ember.ArrayController.extend
  selectedAllocation: null
  positions: Em.computed.alias('selectedAllocation.positions'),

  data: (->
    @get("positions").map (position) ->
      symbol: position.get "instrumentSymbol"
  ).property "positions.@each.instrumentSymbol"
  ...

http://jsbin.com/bivoyako/1/edit