Question

我正在使用Phonegap，BackboneJS，UnderscoreJS，RequireJS编写Android应用程序。

我有4个模型的集合，传递给模板，如：

    initialize: function(){
        var self = this;
        this.collection = new RestaurantsCollection();
        this.collection.fetch();
        this.collection.on("add reset", this.render, this);
      },
render:function () {
    this.$el.html(_.template(HomeViewTemplate, {collection: this.collection}));
    return this;
},

在模板中我有：

<%=collection.length%> //outputs 4
<% collection.each(function(model){ %>
<h1>FOO</h1><br /> //doesnt work at all
<% }); %>

在Chrome中，我得到了预期的输出（上图），但是当我在AND模拟器中运行时，我得到了

<%=collection.length%> //outputs 0

任何建议表示赞赏。我只是需要一些方向来解决问题所在。

Answer 1

我实际上找到了我的答案的解决方案，现在是：

<强> WRONG：

<%=collection.length%> //outputs 4
<% collection.each(function(model){ %>
<h1>FOO</h1><br /> //doesnt work at all
<% }); %>

<强> CORRECT

<%=collection.length%> //outputs 4
<% _.each(colleciton.models, function(model){ %>
<%console.log(model.get('id'))%>
<% }); %>

Answer 2

愚蠢的是，集合中的URL是/ my-url并将其更改为my-url解决了这个问题。

Phonegap，BackboneJS，UnderscoreJS，RequireJS问题模板

2 个答案: