观察非余烬全局变量

时间:2013-01-12 04:43:19

标签: ember.js

我想要一个计算属性来观察非余者全局:localStorage中的特定键。这可能吗?以下似乎没有削减它:

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

是否有可能直接做我想做的事情?

1 个答案:

答案 0 :(得分:26)

通常,您可以很好地观察常规JavaScript对象。您只需使用Ember.getEmber.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'));

您可以在this 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-aware设置并获取以观察这些属性。