在Ember中使用計算屬性的深度監視任意JSON密鑰

Question

我有一個模型具有用於任意配置的JSON屬性的用例：configuration: DS.attr()。

我有一個configurationService（中的每個組件/路由/控制器初始化/ ...）具有用於整個應用程序

容易檢索這配置計算性能由於JSON配置是相當大&具有可變的深度我不能t對每一個人都有一個計算屬性。

不幸的是，作爲服務單身人士計算出的屬性不檢測JSON密鑰（又名深度監視）中的變化。 我有辦法強制深入觀看JSON屬性？

實施例：

服務/ configuration.js：

// These below can also be computed.alias, same effect 

configuration: Ember.computed(‘account.configuration', function() { 
    // account is set at application’s route: 
    // set(this, ‘configurationService.account', account); 
    return this.get(‘account.configuration’); 
}), 
profile: Ember.computed('configuration.profile', function() { 
    return this.get('configuration.profile'); 
}), 

任何/給定/ component.js：

configurationService: Ember.inject.service(‘configuration’), 
… 
// These won’t detect changes 
randomConfig: Ember.computed.alias(’configurationService.profile.foo.bar.randomConfig') 

考慮的配置目的是：{configuration: {profile: {foo: {bar: {randomConfig: false}}}}}，如果我有點變化randomConfig到true,它不會被檢測到

• 注：我認爲https://github.com/lytics/ember-data-model-fragments但丟棄它，因爲它太冗長，問題是，我們的configuration對象可能會變得非常大而深，動態&不可預知
• 我試圖computed.alias也沒有成功。

任何提示或替代方案，將不勝感激:)

UPDATE： 我有object嘗試變換（as suggested in Slack），並沒有深刻觀察它：https://gist.github.com/benoror/272f0ae893f80276ac1553ae048e6b20#file-object-js

Answer 1

您需要將普通的JS對象轉換爲Ember對象，因此對於其子對象：

import Ember from 'ember'; 
import DS from 'ember-data'; 

function emberify(obj) { 
    if(obj instanceof Array) { 
    return Ember.A(obj.map(i => emberify(i))); 
    } else if (obj instanceof Object) { 
    return Ember.Object.create(Object.keys(obj) 
     .reduce((hash, key) => { 
     hash[key] = emberify(obj[key]); 
     }, {})); 
    } 
} 

export default DS.Transform.extend({ 
    deserialize: function(value) { 
    return emberify(obj); 
    } 
}