Backbone.js-模型数组的Change事件不会在元素更改时触发

Question

我有一个包含两个对象的父骨干模型。

（1）骨干模型数组

（2）字符串

如果我绑定到父对象，则设置字符串的值会触发更改事件，但是，在模型数组中的一个模型的属性上调用set不会触发父对象的更改事件。

如何解决此问题，以便对阵列中的任何模型进行任何更改都会触发父级更改事件？

编辑-根据要求添加代码

var myModel = Backbone.Model.extend(
  {
    defaults : {
      models : [],
      aString: 'foobar'
    }
  }
);
var foo = new myModel();
var arrayElement = Backbone.Model.extend({x: 7});
var arrayElement1 = new arrayElement({x: 7});
foo.set('models', [arrayElement1]);
foo.bind('change', function() { console.log('changed!')});
arrayElement1.set('x', 10);  //Does not trigger console log
foo.set('aString', 'barfoo'); //Does trigger console log

Answer 1

骨干模型不会将任何内容绑定到其属性，因此foo无法知道您正在更改其背后的属性之一。 因此，当您这样做时：

foo.set('models', [some_other_model]);
some_other_model.set(...);

您实际上根本没有更改foo ，您所做的全部操作都是直接更改foo的属性之一。 模型的属性可以是任何东西，模型只是将它们视为不透明的斑点。 您将遇到类似的类似问题：

o = { a: 'b' };
m.set('p', o);
o.a = 'c';

在这两种情况下，您都是通过引用而不是通过模型的界面直接更改模型的属性。

另一方面，集合确实在其模型上监听事件。 集合是模型的集合，因此他们希望其成员成为模型并相应地表现。

如果您希望包含的模型传播'change'事件，那么您可能必须自己做，也许是通过覆盖set以手动绑定变更处理程序来传播事件。 您也可以使用内部集合而不是数组来简化事件的传播。

---

您的defaults也有一个隐藏的错误。 默认值将被复制到新的模型实例，但是副本是浅表副本，因此您的模型最终将共享对数组的相同引用，除非完成显式set来替换引用。 例如，这：

var M = Backbone.Model.extend({
    defaults: {
      a: []
    }
});
var m1 = new M();
m1.get('a').push('pancakes');
console.log(M.prototype.defaults.a);
var m2 = new M();
console.log(m2.get('a'));

将在控制台中放置两个['pancakes'] ，因为m1.get('a')将返回M.prototype.defaults.a而不是特定于m1的新的空数组： http : //jsfiddle.net/ambiguous / AraCu /