ember.js - 非メンバーグローバルを観察する

Question

計算されたプロパティで、ember以外のグローバル（localStorageの特定のキー）を監視する必要があります。これは可能ですか？以下はそれをカットしていないようです：

someProperty:function(){
    //some functionality
}.property('localStorage.someKey')

私がやろうとしていることを直接行うことは可能ですか？

Answer 1

一般に、通常のJavaScriptオブジェクトは問題なく観察できます。それらを使用Ember.getしEmber.setて変更する必要があります：

var pojo = {};

var MyObject = Ember.Object.extend({
  bigEyeballs: function() {
    var O_O = this.get('pojo.O_O');
    if (O_O) { return O_O.toUpperCase(); }
  }.property('pojo.O_O')
});

var obj = MyObject.create({ pojo: pojo });
console.log(obj.get('bigEyeballs'));

Ember.set(pojo, 'O_O', "wat");
console.log(obj.get('bigEyeballs'));

このJSBinでこれが機能しているのを見ることができます。

ローカルストレージは、実際には通常のJavaScriptオブジェクトではないため、少し異なります。ローカルストレージの周りに小さなEmberラッパーを作成し、それを観察に使用できます。

var LocalStorage = Ember.Object.extend({
  unknownProperty: function(key) {
    return localStorage[key];
  },

  setUnknownProperty: function(key, value) {
    localStorage[key] = value;
    this.notifyPropertyChange(key);
    return value;
  }
});

var storage = new LocalStorage();

var MyObject = Ember.Object.extend({
  bigEyeballs: function() {
    var O_O = this.get('pojo.O_O');
    if (O_O) { return O_O.toUpperCase(); }
  }.property('pojo.O_O')
});

var obj = MyObject.create({ pojo: storage });

console.log(obj.get('bigEyeballs'));

Ember.set(storage, 'O_O', "wat");
console.log(obj.get('bigEyeballs'));

これはJSBinでライブで見ることができます。

どちらの場合も、重要なことは、これらのプロパティを観察するために、Ember対応の設定と取得を使用する必要があるということです。