![](/img/trans.png)
[英]Backbone.js - How to combine 3 models into 1 collection and output all the data?
[英]How can I update all models in a collection - Backbone.js
我正在设置集合中所有模型的value
属性(在_.each
循环中)。 循环完成后,每个value
属性不变。 我相信这是因为_.each
循环正在为每个模型创建一个新的实例变量。 有没有更新我不关注的集合模型的标准方法?
该代码应将骰子强制成直线(1,2,3,4,5,6)。 rollableDice
是指具有value
属性的Backbone模型的Backbone集合。 这是容器模型上的一种方法:
makeStraight: function() {
console.log('making straight');
console.log(_(this.rollableDice.models).pluck('value'));
var counter = 1;
_(this.rollableDice.models).each(function(die) {
console.log(die.get('value'));
die.set('value', counter);
console.log(die.get('value'));
counter++;
});
console.log(_(this.rollableDice.models).pluck('value'));
},
这是我在控制台上看到的输出:
making straight
[1, 1, 3, 5, 2, 1]
undefined
1
undefined
2
undefined
3
undefined
4
undefined
5
undefined
6
[1, 1, 3, 5, 2, 1]
//编辑这是我期望看到的控制台输出:
making straight
[1, 1, 3, 5, 2, 1]
1
1
1
2
3
3
5
4
2
5
1
6
[1, 2, 3, 4, 5, 6]
//编辑我将显示模型代码以响应@ numbers1311407的响应。 我不应该使用模型方法来存储和访问属性。 相反,即使在模型内部,我也应该使用get / set方法或defaults方法( http://backbonejs.org/#Model-defaults )。 这是不可以做的事情 :
var Die = Backbone.Model.extend({
initialize: function() {
_.bindAll(this, 'roll')
},
value: 1,
roll: function() {
this.value = _.random(1,6);
},
});
只需使用collection.each
方法。
myCollection.each(function(model) {
// do stuff
});
结帐Underscore.js方法由Backbone.Collection扩展: http : //backbonejs.org/#Collection-Underscore-Methods
您已经在更新集合中的所有模型,但是您被误以为您不是在登录时错误地访问了该值。
console.log(_(this.rollableDice.models).pluck('value'));
该行未get
模型的值,而是在模型实例本身上记录了value
属性,表明您未正确初始化模型。
pluck
是一个集合的方法(如each
,作为@SimonBoudrias指出)。 在可能的情况下使用集合时,应使用指定的方法,而不要用下划线将它们包装起来。
使用Collection#pluck
,您的第一个和最后一个控制台日志将如下所示:
console.log(this.rollableDice.pluck("value"));
使用它,您将看到更接近您期望的内容,但是如前所述,初始日志仍然是undefined
数组,因为value
似乎是模型实例的属性,而不是适当的Model属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.