backbone.js 迭代一个集合

Question

我已经为日志设置了一个集合。 api 将结果作为 JSON 返回。之前看到一个话题，建议在集合上添加 parse 方法。这样做后，当我执行代码时，我没有得到任何输出到控制台。尽管如此，我还是 Backbone 的新手，因此将不胜感激任何见解和/或指导。我对 collection.each 的理解可能不正确。

var Log = Backbone.Model.extend({});

var LogList = Backbone.Collection.extend({
    model:  Log,
    url:    'api/logs',
    parse:  function(response) {
        return response.logs;
    }
});

var LogListView = Backbone.View.extend({

    el: $('#logs-list'),

    initialize: function() {
        this.collection = new LogList();
        this.collection.fetch();
        this.render();
    },
    render: function() {
        this.collection.each(function(log) {
            console.log('log item.', log);
        });
    }
});

$(document).ready(function(){
    console.log('ready.');
    new LogListView();
});

Answer 1

获取是异步的。重写您的代码以使用回调调用渲染:

var LogListView = Backbone.View.extend({

el: $('#logs-list'),

initialize: function() {
    var self = this;
    this.collection = new LogList();
    this.collection.fetch().done(function(){
      self.render();
    });

},
render: function() {
    this.collection.each(function(log) {
        console.log('log item.', log);
    });
}
});