觀察非實體全局變量

Question

我想要一個計算屬性來觀察非實體全局變量：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')); 

你可以看到this JSBin這個工作。

本地存儲是一個不同的問題，因爲它不是真的是一個正常的JavaScript對象。您可以圍繞本地存儲少量灰燼包裝，並利用它來進行觀察：

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感知設置並獲取以觀察這些屬性。