Магистральная длина возврата 0

Question

Я довольно новичок в магистрали, и я пытаюсь создать простое приложение. Это то, что я до сих пор

var Election = Backbone.Model.extend(); 

var Elections = Backbone.Collection.extend({ 
    model: Election, 
    url: '/assets/data.json', 

    initialize: function() { 
     console.log('init col'); 
     this.render(); 
     return this; 
    }, 

    render: function() { 
     console.log('rendering the collection'); 
     return this; 
    }, 

// return this 

}); 

    var router = Backbone.Router.extend({ 
    routes: { 
     '': 'root' 
    }, 

    root: function(){ 
     var collection = new Elections(); 
     collection.fetch(); 
     console.log(collection.length); //returns 0 
    } 
}); 
var r = new router(); 

Backbone.history.start(); 

Бревно это

> init col 
> rendering the collection 
> 0 

Но когда я создаю новую коллекцию вручную в консоли, он показывает правильную длину и все, я полагаю, что для некоторых причина, по которой звонок маршрутизатора происходит слишком рано, но не уверен. Это образец data.json

[ 
    { 
     "year": 1868, 
     ... 
    }, 
    { 
     "year": 1872, 
     ... 
    }, 

Answer 1

fetch выполняет асинхронный HTTP (Ajax) запрос, так что вы должны пройти fetch успех обратного вызова:

collection.fetch({ 
    success: function(){ 
     console.log(collection.length); 
    } 
}); 

Answer 2

расширения на ответ КР немного,

, лучшим подходом было бы звонить fetch, а затем с использованием listenTo для вызова метода render об изменении

в методе инициализации сделать это

_.bindAll(this, 'render'); 
this.listenTo(this, 'change', this.render); 

и вы можете иметь выборки снаружи, если вы хотите

collection.fetch()

, и он будет автоматически обновляться на изменения