Eu sou um Backbone.js n00b e estou tentando contornar isso. Eu sei como renderizar um modelo usando uma exibição e o mecanismo de modelo underscore.js interno. Agora estou tentando renderizar uma coleção e é aí que fico preso. Não há servidor aqui, por isso não estou buscando nada remotamente, apenas uma página HTML simples com algum JavaScrip

ContinentModel = Backbone.Model.extend({});

ContinentsCollection = Backbone.Collection.extend({
  model: ContinentModel,

  initialize: function () {
    this.continentsView = new ContinentsView;
    this.bind("reset", this.continentsView.render);
  }
});

ContinentsView = Backbone.View.extend({
  el: '#continents',
  template: _.template($('#continents-template').html()),

  render: function() {
    var renderedContent = this.template(this.collection.toJSON());
    $(this.el).html(renderedContent);
    return this;
  }
});

$(function() {
  var continentsCollection = new ContinentsCollection();
  continentsCollection.reset([{name: "Asia"}, {name: "Africa"}]);
});

Ele quebra na linha de atributo do modelo na exibição, mas não tenho certeza de que é para isso que preciso procurar. Devo renderizar uma coleção ou não entendi completamente o assunto aqui (talvez as coleções sejam apenas objetos de agrupamento e não deva ser vista como uma lista que possa renderizar)?

Obrigado por ajudar ...