显示嵌套json集合的主干

不确定我到底哪里出了问题。我似乎无法获得模板来呈现嵌套json中的标题属性。我在网上学习了一个教程，这个教程有点像牵着我的手，但我碰到了一堵砖墙，不知道为什么它不会渲染。如有任何帮助，我们将不胜感激。

这是我的模板和html。

  <script id="albumTemplate" type="text/template">
     <p><%= title %></p>
  </script>
  <script id="subalbumTemplate" type="text/template">
     <p><%= title %></p>
  </script>
  <div class="row">
     <div class="six columns"><h5>Albums</h5></div>
     <div class="six columns"><h5>Sub-Albums</h5></div>
  </div>
  <div class="row" style="color: #333;">
     <div class="six columns" id="categories"></div>
     <div class="six columns" id="sub-cat"></div>
  </div>

这是我的app.js

        app.Subalbum = Backbone.Model.extend({
            initialize: function () {
                this.subId = this.get('id');
                this.subTitle = this.get('title');
                this.subImg = this.get('image');
                this.subCanvas = this.get('canvas');
                this.subSize = this.get('size');
            }
        });
        app.Subalbums = Backbone.Collection.extend({
            model: app.Subalbum
        });
        app.Album = Backbone.Model.extend({
            initialize: function () {
                this.subs = new app.Subalbums(this.get('subalbum'));
                this.subs.parent = this;
                this.albumId = this.get('id');
                this.albumTitle = this.get('title');
                this.albumImg = this.get('image');
            }
        });
        app.Albums = Backbone.Collection.extend({
            model: app.Album,
            url: 'albums.json',
            parse: function (data) {
                return data;
            }
        });
        app.AlbumCollectionView = Backbone.View.extend({
            el: $("#categories"),
            initialize: function () {
                _.bindAll(this, 'render');
                this.model.on('reset', function () {
                    this.render();
                }, this);
            },
            render: function (event) {
                _.each(this.model.models, function (album) {
                    //console.log(album.subs);
                    $(this.el).append(new app.AlbumView({
                        model: album
                    }).render().el);
                }, this);
                return this;
            }
        });
        app.AlbumView = Backbone.View.extend({
            template: _.template($("#albumTemplate").html()),
            initialize: function () {
                _.bindAll(this, 'render');
                // Subalbum View should be instantiated and called from inside the initialize function of the Parent View
                this.subView = new app.SubalbumView({
                    model: this.model.subs
                });
                this.subView.parentView = this; // this assignment connects the child view to the parent view
                $("#sub-cat").append(this.subView.render().el); // subView should "return this" from child render() function
            },
            render: function () {
                //console.log(this.model.subs);
                //$(this.el).html("<p>" + this.model.get("title") + "</p>");
                $(this.el).append(this.template(this.model.toJSON()));
                return this;
            }
        });
        app.SubalbumView = Backbone.View.extend({
            template: _.template($("#subalbumTemplate").html()),
            initialize: function () {
                _.bindAll(this, 'render');
                this.model.on('reset', function () {
                    this.render();
                }, this);
            },
            render: function (event) {
                _.each(this.model.models, function (subalbum) {
                    $(this.el).append("<p>" + subalbum.get("title") + "</p>");
                    //$(this.el).html(this.template(subalbum.toJSON()));
                }, this);
                return this;
            }
        });
        app.AlbumRouter = Backbone.Router.extend({
            routes: {
                "": "indexRoute"
            },
            indexRoute: function () {
                this.albumList = new app.Albums();
                this.albumList.fetch();
                this.albumAppView = new app.AlbumCollectionView({
                    model: this.albumList
                });
            }
        });
        var albumRoute = new app.AlbumRouter();
        Backbone.history.start();

这是albums.json文件结构。

[
   {
      "pid":0,
      "title":"Blues Singer",
      "image":"blues_singer.jpg",
      "subalbum":[
         {
            "pid":0,
            "title":"Another Realm",
            "image":"another_realm.jpg"
         },
         {
            "pid":1,
            "title":"Ascendant",
            "image":"ascendant.jpg"
         },
         {
            "pid":2,
            "title":"Ascent",
            "image":"ascent.jpg"
         }
      ]
   },
   {
      "pid":1,
      "title":"Destiny",
      "image":"destiny.jpg",
      "subalbum":[
         {
            "pid":0,
            "title":"Cathedral of Trees",
            "image":"cathedral_of_trees.jpg"
         },
         {
            "pid":1,
            "title":"Come Up Here",
            "image":"come_up_here.jpg"
         },
         {
            "pid":2,
            "title":"Crystal Forest",
            "image":"crystal_forest.jpg"
         }
      ]
   },
   {
      "pid":2,
      "title":"Eagle",
      "image":"eagle.jpg",
      "subalbum":[
         {
            "pid":0,
            "title":"Curved Road",
            "image":"curved_road.jpg"
         },
         {
            "pid":1,
            "title":"Dawn Breaking",
            "image":"dawn_breaking.jpg"
         },
         {
            "pid":2,
            "title":"Dawn",
            "image":"dawn.jpg"
         }
      ]
   },
   {
      "pid":3,
      "title":"Evening Harvest",
      "image":"evening_harvest.jpg",
      "subalbum":[
         {
            "pid":0,
            "title":"Destiny",
            "image":"destiny.jpg"
         },
         {
            "pid":1,
            "title":"Destiny2",
            "image":"destiny2.jpg"
         },
         {
            "pid":2,
            "title":"Eagle Rising",
            "image":"eagle_rising.jpg"
         }
      ]
   }
]