Question

我使用Backbone.js编写了一个模型/视图/集合。我的集合使用fetch方法从远程服务器加载模型。此集合所需的URL需要一个id：messages / {id}。但我找不到将选项传递给Collection的干净方法。

backbone.js视图通过在构造上传递它来接受选项：view（[options]），但是集合需要构建时的模型列表：collection（[models]）。

将参数/选项传递给此集合的“最干净”方法是什么？

缩短代码：

var Messages = Backbone.Collection.extend({
 model: Message,
   url: 'http://url/messages/' + id
});

Answer 1

@Paul的答案很好，但值得注意的是url属性可以是一个函数。在我看来（并且它只是意见，因为最终结果是相同的），如果你在initialize中设置id并且在var Messages = Backbone.Collection.extend({ initialize: function(models, options) { this.id = options.id; }, url: function() { return '/messages/' + this.id; }, model: Message, }); var collection = new Messages([], { id: 2 }); collection.fetch();中引用它，那么代码会更加清晰，如果更加清晰。功能：

id

但是，为了确保 - 您不会将此处的id与模型Messages混淆，是吗？ @ Paul的答案，以及我上面的代码，假设您有多个/messages/<id>个集合，每个集合都有自己的ID。如果API路径url实际上是指消息，而不是一组消息，那么您只需要在集合中将/messages/设置为/messages/<id>，和Backbone会自动为每个模型使用{{1}}。

Answer 2

您声明了url属性的方式，当浏览器最初加载javascript文件时，将确定一次值，并且'id'将是未定义的。

Backbone.Collection接受选项作为其构造函数中的第二个参数，因此您可以将id值作为选项传递，然后在集合的initialize函数中设置url值。

这是一个例子

var Messages = Backbone.Collection.extend({
  initialize: function(models, options) {
    this.url = 'http://url/messages/' + options.id;
  },
  model: Message,
});

var collection = new Messages([], { id: 2 });
collection.fetch();

Backbone.js集合选项

2 个答案: