javascript - 在 Backbone.MarionetteJS 中使用 appRouter

Question

我最近一直在使用 Backbone.Marionette，在尝试模拟单页 Web 应用程序时遇到了一些问题。我创建了一个Plunker有一个动态生成的列表项菜单。我的目标是在各个菜单项之间设置路由，以便我可以动态更改内容。

只是为了看看它是否有效，控制台应该记录路由器内的任何事件。可悲的是没有发生任何事情，我不知道我做错了什么。 (我希望实现的示例:My previous test in AngularJS)。

我希望一些更有经验的 Backbone 用户可以帮助我。

Answer 1

您没有使用 Marionette Controller ，因此请将您的 RoutingAPI 定义更改为:

var RoutingAPI = Marionette.Controller.extend({
  home: function(){
     console.log("Page: 'home'."); 
  },
  news: function(){ 
     console.log("Page: 'news'."); 
  },
  about: function(){
     console.log("Page: 'about'.");
  },
  contact: function(){ 
     console.log("Page: 'contact'.");
  }
});

像这样定义你的路由器:

ApplicationRouter = Backbone.Marionette.AppRouter.extend({
   appRoutes: {
      "": "home",
      "home": "home",
      "news": "news",
      "about": "about",
      "contact": "contact"
   }
});

像这样使用它

routingManager.router = new ApplicationRouter({controller :  new RoutingAPI()});
Backbone.history.start();

请注意，您还缺少 Backbone.history.start();线。