观察 Ember.js 中嵌套数组中 object 属性的变化

Question

我们有这个数据结构

[[{foo:"12", bar:"34"}, {foo:"33", bar:"55"}], [{foo:"45", bar:"67"}]]

如何创建一个计算属性来观察foo或bar的变化？

Answer 1

通常，您在计算属性中使用.@each.someProperty来查看数组中的特定 object 属性，但在嵌套 arrays （或嵌套对象）的情况下，您不能执行.@each.@each.someProperty因为.@each只能深一层。

您需要使用中间计算属性将内部对象提升一个（或多个）级别，并让另一个计算属性依次监视这些。 可能还有其他方法可以连接起来，但这是一种非常简单的方法。

这是一个证明它的旋转。 如果您打开控制台，您可以看到记录发生更改的各个计算属性。

您还可以使用别名将内部 arrays / 对象提升一两级。