Question

我有一个子路由器。假设是花哨的水果。在该子路由器中，我想使用RouteConfig nav：true定义到特定水果的路线，这些水果将显示在导航中：

config.map([
    { route: [":fruit"], name: "AppleFruit", moduleId: PLATFORM.moduleName("./fruity-fruit-fruit"), nav: true, title: "Apples are yum!", layoutModel: { fruit: "Apple" } },
    { route: [":fruit"], name: "LemonFruit", moduleId: PLATFORM.moduleName("./fruity-fruit-fruit"), nav: true, title: "Lemons are for booze!!", layoutModel: { fruit: "Lemon" } }
]);

具体地说，我想这样做，因为页面上有导航元素依赖于此子路由器中的其他路线，并且我希望这些元素与其他元素一起出现在导航中。我的想法是，layoutModel会传递到果味水果中的激活参数中，但是在达到这一点之前它会爆炸。

这可能吗，还是我做错了什么？

Answer 1

通常，我已经找到了答案。我的问题是我在使用layoutModel而不是仅指定href。应该是：

config.map([
  { route: [":fruit"], name: "AppleFruit", moduleId: PLATFORM.moduleName("./fruity-fruit-fruit"), nav: true, title: "Apples are yum!", href: "/fruits/Apple" },
  { route: [":fruit"], name: "LemonFruit", moduleId: PLATFORM.moduleName("./fruity-fruit-fruit"), nav: true, title: "Lemons are for booze!!", href: "/fruits/Lemon" }
]);

使用Aurelia路由器，如何定义到同一视图的两条路由？

1 个答案: