ember.js - 观察嵌套对象的属性

Question

fiddle 示例:http://emberjs.jsbin.com/aviyUnA/9/edit?html,js,output

这是我的模型:

{
  name: {
    title: 'Mr',
    first: 'Potato',
    last:  'Head'
  },

  age: 79
}

如何创建一个计算属性来观察 name 中的所有键对象而不手动列出它们？

fullName: function() {
  var name = this.get('name');
  return [name.title, name.first, name.last].join(' ');
}.property('name.??')

谢谢你的帮助!

Answer 1

您可以自定义 set模型调用:检查设置的值是否涉及 name 的属性如果是这样，请调用 notifyPropertyChange在 name :

App.MyModel = Ember.Object.extend({
   set: function(keyName, value) {
     this._super(keyName, value);
     if (keyName.indexOf('name.') > -1) {
       // a property of `name` has changed => notify observers of `name`
       this.notifyPropertyChange('name');
     }
   }
});

演示: http://emberjs.jsbin.com/akEjubU/1/edit