this.model.toJSON() 没有返回集合所在的项目，为什么？

Question

我有：

NotificationModel = App.BB.Model.extend({
    defaults : {
        read : false
    },
    urlRoot : '/notifications'
});


NotificationCollection = App.BB.Collection.extend({
    model: NotificationModel,
    url: '/notifications',
    initialize : function() {
        this.fetch();
    },
});

NotificationView = App.BB.View.extend({
    tagName : 'li',
    render : function() {
       console.log((this.model.toJSON())
    }
});

此日志不返回从服务器获取的项目。但是当我执行 me.collection.length 时，我确实得到了正确的长度。我做错了什么？

谢谢

Answer 1

其他人发表的评论提到了 fetch 方法是异步的。所以 this.fetch() 立即返回。如果您在 this.fetch 之后立即渲染视图，则集合仍将为空。

您应该在呈现集合的视图中放置类似这样的内容：

initialize: function(){
    this.collection.bind("reset", this.render);
}