如何根据模型javascript数组属性正确显示Backbone牵线木偶集合视图？

var MyModel = Backbone.Model.extend({
    defaults: {
        name: '',
        age: ''
    }
});

var MyCollection = Backbone.Collection.extend({
    model: MyModel
});

var myCollection = new MyCollection([
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 }
]);

var MyCollectionView = Backbone.View.extend({
    el: '#my-collection-view',
    template: _.template($('#my-collection-template').html()),
    initialize: function() {
        this.collection.on('add', this.render, this);
        this.collection.on('remove', this.render, this);
    },
    render: function() {
        var that = this;
        this.$el.html(this.template({ items: this.collection.toJSON() }));
        this.collection.each(function(item) {
            var itemView = new MyItemView({ model: item });
            that.$el.append(itemView.render().el);
        });
        return this;
    }
});

var myCollectionView = new MyCollectionView({ collection: myCollection });
myCollectionView.render();