觀察 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 / 對象提升一兩級。