Obserwować globale nie-ember

Question

Chcę, aby obliczona właściwość obserwowała globalny nie-ember: określony klucz w localStorage. czy to możliwe? Następujące elementy nie wydają się ciąć:

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

Czy można zrobić to, co chcę zrobić bezpośrednio?

Answer 1

Ogólnie można normalnie obserwować obiekty JavaScript. Wystarczy użyć Ember.get i Ember.set je modyfikować:

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

można zobaczyć tej pracy w this JSBin.

Lokalna pamięć masowa to trochę inna sprawa, ponieważ nie jest to normalny obiekt JavaScript. Można utworzyć małą Ember otoki wokół lokalnego przechowywania i używać do obserwacji:

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

można zobaczyć na żywo na JSBin.

W obu przypadkach ważne jest, aby użyć ustawień Ember-aware i wykonać obserwację tych właściwości.