如何通过backboneview显示列表？

Question

这是我的第一个骨干代码:)

我怎么能在这里展示我的列表：

<title>list</title> 
<ul id="container"> 
    <li> 
     <%- name %> 
    </li> 
</ul> 

JS：

var app = {}; // create namespace for our app 

     app.Mymodel = Backbone.Model.extend({ 
      defaults: 
     { 
      name: '' 
     } 
     }); 

     app.List = Backbone.Collection.extend({ 
      model: app.Mymodel, 
      localStorage:new Store('vandaag') 
     }); 

     // renders individual todo items list (li) 
     app.MyView = Backbone.View.extend({ 
      el: '#container', 
      initialize: function() { 
       app.list = new app.List(); 
       app.list.add({ name: 'piet' }); 
       app.list.add({ name: 'ed' }); 
       this.render(); 
      }, 
      render: function(){ 
       this.$el.append(app.list); 

       //var view = new app.MyView({ model: new app.Mymodel({name:'ed',city:'ny'})); 
       //$('#todo-list').append(view.render().el); 
      } 
     }); 

     app.myView = new app.MyView(); 

的jsfiddle：http://jsfiddle.net/dingen2010/YBPG6/2/

Answer 1

先听听你的模板创建。在下面小提琴它是与ID list-template的模板。 然后，您可以编译模板，向其添加数据并呈现视图。 检查this更新小提琴。

要了解下划线模板如何工作，请尝试this。