我目前正在将 Marionette 集成到现有的 Backbone 应用程序中。
我已经有一个现有的 Backbone 路由器,但我正在尝试实现 Marionette.AppRouter 来取代它。问题是,在新 Marionette 路由器应拾取的 url 上进行“硬刷新”时,它不会触发。如果我导航到另一个页面,然后返回到硬刷新时未触发的网址,它会正确触发。我不明白为什么它有效after我已经导航到另一个页面并再次返回。这是我的代码示例:
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
直接,Marionette 路由器不会按其应有的方式启动。
但是,如果我加载页面:http://mysamplesite.com/#!/123
然后导航到http://mysamplesite.com/#!/123/page
,Marionette 路由器正确启动。有任何想法吗?