在Aurelia中添加或不添加路由

Question

我想添加一个路由在一个布尔值上去附着，所以如果条件满足，路由将显示并且在导航栏中，如果不是，它将不会被添加。

我已经trided改变导航：取决于condtion的选择，但我错过了一些东西......

{ 
    route: 'aRoute', 
    moduleId: 'modules/something/mySite, 
    nav: cond ? true : false, 
    title: 'mySite', 
    isStatic: false 
} 

也许我笨，但我需要这方面的帮助..：/

Answer 1

以下职位应该帮你做你想要什么： http://odetocode.com/blogs/scott/archive/2016/05/31/dynamically-add-routes-in-aurelia.aspx

它显示了如何添加航线动态地这样做：

this.router.addRoute(
     { route: "secret", name: 'secret', moduleId: "app/secret", 
      title:"Secret", nav:true 
     } 
    ); 

然后刷新这个方法调用路由器（你显然缺少）：

this.router.refreshNavigation(); 

Answer 2

我不是100％确定的，但是路线可能是一次性建立并重用的，至少那些属于导航模型的部分（nav === true）。这意味着您不能使用nav的动态表达式，因为它只会被处理一次。

如果您只是需要此选项才能在导航栏中显示路线，则可以使用settings property创建解决方法以某种方式标记路线并在创建导航栏时进行条件检查。

{ 
    route: 'aRoute', 
    moduleId: 'modules/something/mySite, 
    nav: true, 
    title: 'mySite', 
    settings: { occasionallyVisible: true } // add your own properties here... 
} 

我用settings.occasionallyVisible属性，但你可以添加任何你喜欢的东西。如果没有settings财产或settings.occasionallyVisible是falsy OR cond是true

<li repeat.for="route of router.navigation" 
    if.bind="!route.settings || !route.settings.occasionallyVisible || cond"> 
    <a href.bind="route.href">${route.title}</a> 
</li> 

导航路线将被显示。当然，cond就是你需要的那种条件。

不优雅，但它应该完成工作，直到你得到更好的答案:)