BackboneJS - 顯示JSON數據

Question

如何將JSON數據通過骨幹模型傳遞到視圖？

我的模型是這樣的：

define([ 
    "jquery", 
    "backbone" 
], 

function($, Backbone) { 
var Model = Backbone.Model.extend({ 
    url: "./bands.php", 

    defaults: { 
     "id": '', 
     "band": '', 
     "label": '' 
    } 
}); 

return Model; 
}); 

我查看代碼如下所示：

define(['backbone','handlebars', 'text!templates/bandpage.html'], 

    function(Backbone,Handlebars, Template) { 


     'use strict'; 

     var BandpageView = Backbone.View.extend({ 

      template: Handlebars.compile(Template), 

      initialize: function() { 
      }, 

      render: function() { 
       this.$el.html(this.template(this.model.toJSON())); 
        return this; 
      } 

     }); 

     return BandpageView; 

    } 
); 

，並在我的HTML模板我有

<div> 
    <p><%= id %></p> 
    <p><%= band %></p> 
    <p><%= label %></p> 
</div> 

它不顯示任何東西，我得到錯誤「不能調用方法」到未定義的「JSON」

我做錯了什麼？

Answer 1

試試這個：

更新視圖initialize爲：

initialize: function() { 
    this.listenTo(this.model, "change", this.render); 
}, 

創建視圖實例爲：

var view = new BandpageView({model: new Model()});