javascript - 每个都不在 Backbone View 渲染中工作

Question

我刚开始使用 Backbone，在从一些 JSON 数据生成简单的 html 列表时遇到了问题。

我遇到了错误

Uncaught TypeError: Object function (){return c.apply(this,arguments)} has no method 'each'

这是我的代码

var Show = Backbone.Model.extend();

var ShowCollection = Backbone.Collection.extend({

    model: Show,
    url: 'http://192.168.0.7:8081/api/0b08ecef4eda8c6a28b6be3164a96ac8/?cmd=history&type=downloaded&limit=50',

    parse: function(response){
       return response.data;
    }

});

var ItemView = Backbone.View.extend({

  tagName: "li",
  template: $("#item").html(),

  render: function() {
    var templ = _.template(this.template);
    this.$el.html(templ(this.model.toJSON()));
    return this;
  }

});

var ShowView = Backbone.View.extend({

  el: $("#history"),
  initialize: function() {
    this.collection = ShowCollection;
    this.render();
  },
  render: function() {
    this.collection.each(function(item) {
      this.renderItem(item);
    }, this);
  },
  renderItem: function(item) {
    var itemView = new ItemView({ model: item });
    this.$el.append(itemView.render().el); 
  }

});

var history = new ShowView();

这是我的数据

{
data: [
{
date: "2013-03-16 05:14",
episode: 10,
provider: "-1",
quality: "HD TV",
resource: "bering.sea.gold.s02e10.720p.hdtv.x264-bajskorv.mkv",
resource_path: "/Users/Machine/Tv/Bering.Sea.Gold.S02E10.720p.HDTV.x264-BAJSKORV repost",
season: 2,
show_name: "Bering Sea Gold",
status: "Downloaded",
tvdbid: 254203
}
],
message: "",
result: "success"
}

Answer 1

this.collection = ShowCollection;

应该是

this.collection = new ShowCollection();