Marionette.js appRouter未在應用程序啓動時觸發

Question

我目前正在將Marionette集成到現有的Backbone應用程序中。

我有一個現有的Backbone路由器，但我試圖實現一個Marionette.AppRouter取代它的位置。問題是，在新的Marionette路由器應該拾取的URL上進行「硬刷新」時，它不會觸發。如果我導航到另一個頁面，然後返回到硬刷新時未觸發的URL，它會正確觸發。我不知道爲什麼它可以工作我已經導航到另一個頁面，然後再回來。這裏是我的代碼示例：

TestApp = new Backbone.Marionette.Application(); 
    var testAppController = { 
     testLoadPage: function(){ 
      console.log('testLoadPage Fired'); //<---- DOES NOT FIRE ON HARD REFRESH 
     } 
    }; 
    TestAppRouter = Backbone.Marionette.AppRouter.extend({   
     appRoutes: { 
      "!/:var/page": "testLoadPage", 
      "!/:var/page/*path": "testLoadPage" 
     }, 
     controller: testAppController, 
     route: function(route, name, callback) { 
      return Backbone.Router.prototype.route.call(this, route, name, function() { 
       if (!callback) callback = this[name]; 
       this.preRoute(); 
       this.trigger.apply(this, ['beforeroute:' + name].concat(_.toArray(arguments))); 
       callback.apply(this, arguments); 
      }); 
     }, 
     preRoute: function() { 
      app.showLoader(name, arguments); 
     } 
    }); 
    TestApp.addRegions({ 
     contentContainer: '#container' 
    }); 
    TestApp.addInitializer(function(options){ 
     new TestAppRouter(); 
    }); 
    TestApp.start(); 

當我加載頁面：http://mysamplesite.com/#!/123/page直接，木偶路由器不火，因爲它應該。

但是，如果我加載頁面：http://mysamplesite.com/#!/123，然後導航到http://mysamplesite.com/#!/123/page，則Marionette路由器會正確觸發。有任何想法嗎？

Answer 1

在創建路由器實例後，您是否撥打Backbone.history.start()？如果沒有，你需要這樣做。在你的應用中調用路由器之前，路由器不會運行，並且至少有一條路由被實例化之前，你不能調用它。我經常這樣做：

TestApp.on("initialize:after", function(){ 
    if (Backbone.history){ Backbone.history.start(); } 
}); 

心連心