javascript - BackboneJS - 显示 JSON 数据

Question

如何通过 Backbone 模型将 JSON 数据传递到 View ？

我的模型看起来像这样:

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

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

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

return Model;
});

我的 View 代码如下所示:

 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>

它没有显示任何内容，并且出现错误“无法调用未定义的方法‘toJSON’”

我做错了什么？

Answer 1

试试这个:

更新 View 初始化为:

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

创建 View 实例为:

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