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()});