Beobachten Nicht-Ember-Globals

Question

Ich möchte eine berechnete Eigenschaft, um eine Nicht-Ember-Global zu beobachten: einen bestimmten Schlüssel in localStorage. Ist das möglich? Das Folgende scheint nicht zu schneiden:

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

Ist es möglich zu tun, was ich versuche, direkt zu tun?

Answer 1

Im Allgemeinen können Sie regelmäßige JavaScript-Objekte gut beobachten. Sie müssen nur Ember.get und Ember.set verwenden, um sie zu ändern:

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')); 

Sie diese Arbeit sehen in this JSBin kann.

Lokaler Speicher ist ein bisschen eine andere Sache, da es kein wirklich ein normales JavaScript-Objekt ist. Sie können einen kleinen Ember Wrapper um die lokale Speicherung, erstellen und zur Beobachtung verwenden:

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')); 

Sie können dies auf JSBin leben sehen.

In beiden Fällen ist es wichtig, dass Sie die Ember-aware-Einstellung verwenden müssen, um diese Eigenschaften zu beobachten.