从骨干模板上的集合中获取数据

时间:2014-04-05 18:39:51

标签: javascript backbone.js underscore.js underscore.js-templating

我正在写一个简单的Backbone程序。我编写了简单的代码来从集合中获取数据到骨干模板。但是我收到错误未捕获的SyntaxError:意外的令牌<

这是我的收藏代码:

var Album = Backbone.Collection.extend({

        url : "/data.json"
      });

这是我的观看代码

var UserList= Backbone.View.extend({
el:'.page',
template:_.template($('#user-list-template').html()),
render : function(){
 var that=this;
 var album= new Album();
 album.fetch({
  success:function(album){
   alert("data fetched from collection");
   var _data = {data : album.models} ;
   $(that.el).html(that.template(_data));
  }
 })
}
});

我在这里获取数据:

<script type="text/javascript" id="user-list-template">
       <h1> <%= data.key %> </h1>

  </script>

2 个答案:

答案 0 :(得分:3)

您的模板应该是

<script type="text/template" id="user-list-template">

不能属于javascript类型,因为它不是javascript ...因此语法错误。

答案 1 :(得分:1)

您的模板不能是javascript类型,因为它不是javascript。它应该像

<script type="text/template" id="user-list-template">