我确信我必须遗漏一些明显的东西:我正在创建3个对象,每个对象都有一个设置为ArrayController的属性。当我添加每个新对象时,ArrayController实例共享来自前一个控制器的内容,而不是一个唯一的实例:
在我的示例中,我可以解决此问题的唯一方法是在ArrayController init方法中执行this.set('content', []);
。
答案 0 :(得分:3)
初始化(和一个常见的错误!)
对于初学者来说,最常见的错误之一就是认为他们将属性传递给实例而不是原型。例如:
var Person = Ember.Object.extend({
chromosomes: ["x"] // CAREFUL !!!!!
});
var joe = Person.create();
joe.get("chromosomes").push("y");
var jane = Person.create();
jane.get("chromosomes").push("x");
// Joe and Jane are all mixed up?!?!?!?!
console.log( joe.get("chromosomes") ); // x, y, x
console.log( jane.get("chromosomes") ); // x, y, x
为什么会发生这种染色体突变?当我们在定义Person类时向我们的原型添加数组时,问题就出现了。然后,这个数组与从Person实例化的每个对象共享。
我们应该怎样处理这个?
var Person = Ember.Object.extend({
chromosomes: null,
init: function() {
this._super();
this.chromosomes = ["x"]; // everyone gets at least one X chromosome
}
});
var joe = Person.create();
joe.get("chromosomes").push("y"); // men also get a Y chromosome
var jane = Person.create();
jane.get("chromosomes").push("x"); // women get another X chromosome
// Hurray - everyone gets their own chromosomes!
console.log( joe.get("chromosomes") ); // x, y
console.log( jane.get("chromosomes") ); // x, x
在类中声明对象或数组时,通常需要将它们与init()函数中的每个实例一起初始化。这样,每个对象都将获得自己唯一的对象和数组实例。还记得在init()中调用this._super(),以便在原型链的所有方向调用init()。
当然,如果对象或数组在实例中保持不变,那么将它们直接保留在原型中并没有错。实际上,一种常见的模式是在原型中保留默认设置,然后在init()中为每个实例复制。一旦您意识到如何创建和初始化对象,这些类型的模式就很容易实现。
从文章复制:http://www.cerebris.com/blog/2012/03/06/understanding-ember-object/
答案 1 :(得分:2)
实际上,您通常不希望在content: []
块中设置.extend({...})
,因为每个实例将共享同一个数组。 AFAIK这是Ember.js中可接受的,甚至是常见的模式:
App.MyController = Ember.ArrayController.extend({
content: null,
init: function() {
this._super();
this.set('content', []);
},
// ...
});