Backbone JS Routing non funziona come previsto

Question

Penso che mi mancano alcune nozioni di base sulle funzioni di routing di Backbone.

sto costruendo un app e sembra qualcosa in questo modo:

file: app.js

App = {} 
App.nav = new Backbone.Router; 
require('app/controller'); 

file: controller.js

App.nav.route('home', 'home', function() { 
    console.log("Home Activated"); 
}); 

App.navigate('home'); 

A questo punto il browser cambia l'URL nella barra degli indirizzi per /home ma non succede nulla e non ricevo il messaggio della console Home Activated.

Ho provato a utilizzare la mia classe di routing (ad esempio Backbone.Router.extend({})) ma in realtà non vedo un punto perché ho ancora bisogno di inizializzarlo, e voglio usare una cronologia centrale/navigazione nella mia app che tutti i moduli/controllori aggiungono il routing ad esso piuttosto che creare un router per ogni controller.

Cosa sto sbagliando?

Answer 1

Per il routing, è necessario chiamare Backbone.history.start() dopo aver impostato i percorsi (in pratica dopo aver eseguito tutto il resto). Vedere: http://documentcloud.github.com/backbone/#History-start

Answer 2

http://documentcloud.github.com/backbone/#Router-navigate

Dalla documentazione:

Se si desidera chiamare anche la funzione percorso, impostare l'opzione di trigger su true.

Ma come OlliM ha scritto, è necessario attivare prima la cronologia!

Quindi la tua risposta dovrebbe essere:

Backbone.history.start(); 
App.nav.navigate('home', {trigger: true}); 

edit: dimenticato di mettere "nav"

Answer 3

Voglio solo farlo notare perché mi ha salvato un mondo di dolore e di angoscia.

Se si instradano a una pagina personalizzata, come

Backbone.router.navigate('/some/page'); // does not work 

e sembra non funzionare. Aggiungere un finale '/'

Backbone.router.navigate('/some/page/'); // works 

Questo mi è costato un paio d'ore di risoluzione dei problemi ...