一般来说,您可以很好地观察常规 JavaScript 对象。你只需要使用Ember.get
and 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 http://jsbin.com/uqiyot/2/edit.
本地存储有点不同,因为它不是really一个普通的 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 http://jsbin.com/uqiyot/3/edit.
在这两种情况下,重要的是您必须使用 Ember 感知设置和获取才能观察这些属性。