如何通過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。