Question

我正在使用Backbone.js显示API请求中的项目（站点）列表。

我的问题看起来很多，我已经尽可能多地解决了其他问题的解决方案，但我仍然有问题。

以下是代码：

(function($) {

    _.templateSettings = {
    interpolate: /\{\{(.+?)\}\}/g
    };
//  models
    var Station = Backbone.Model.extend({
        urlRoot: '../api/admin/stations/',
        idAttribute: "_id",
        defaults: {
            _id: null,
            country: 'ZA'
        }
    });

//  collections
    var StationList = Backbone.Collection.extend({
        model: Station,
        url: '../api/admin/stations/'
});

//  views
/*
 * Station View
 */
    var StationView = Backbone.View.extend({
        tagName: 'article',
        className:  'station-container',
        template: $("#stationListTemplate").html(),

        render: function() {
            this.$el.html(this.template(this.model.toJSON()));
            return this;
        }
    });

/*
 * Master View (Station List)
 */
    var StationListView = Backbone.View.extend({
        el: $("#stationListView"),

        initialize: function() {
            this.collection = new StationList();
            this.collection.fetch({
                success: this.render()
            });
        },
        render: function() {
            var that = this;
            console.log(this.collection.models); // RETURNS EMPTY ARRAY
            _.each(this.collection.models, function (item) {
// NOTHING HAPPENS AS THE ARRAY IS EMPTY
                that.renderStation(item);
            }, this);
        },
        renderStation: function (item) {
            var stationView = new StationView({
                model: item
            });
            console.log(stationView);
            this.$el.append(stationView.render().el);
        }
    });

//  load views
    var _stationList = new StationListView;
} (jQuery));

我在CAPS中添加了上述评论，以便我收到错误消息。当我console.log(that)或console.log(this.collection)时，我可以看到该集合，但在此之后我无法立即访问其模型。

我只是不知道我做错了什么让我无法访问该模型。任何帮助都会非常苛刻

Answer 1

我引用你的代码：

success: this.render()

我很确定你应该写

success:this.render

或

success:function(){
 this.render()
}

因为当您定义成功回调（并根据您的代码执行它）时，尚未提取该集合。可能还有其他错误，但这个很明显

Backbone.js：this.collection.models返回空数组

1 个答案: