Hinzufügen oder nicht Hinzufügen von Route in Aurelia

Question

Ich versuche, eine Route hinzufügen, die auf einem Boolean, also wenn die Bedingung erfüllt ist, wird die Route anzeigen und in der Navbar sein, und wenn nicht, wird es nicht hinzugefügt.

Ich habe trided nav zu ändern: auf einem condtion je Option, aber ich habe etwas ...

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

verpasst

Wahrscheinlich auf das ich bin dumm, aber ich brauche Hilfe ..:/

Answer 1

Der folgende Beitrag soll Ihnen helfen, das tun, was Sie wollen: http://odetocode.com/blogs/scott/archive/2016/05/31/dynamically-add-routes-in-aurelia.aspx

Es zeigt, wie ein hinzufügen Route dynamisch durch dies zu tun:

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

dann den Router mit diesem Methodenaufruf erfrischende (die Sie anscheinend fehlen):

this.router.refreshNavigation(); 

Answer 2

Ich bin mir nicht 100% sicher, aber Routen werden wahrscheinlich einmal gebaut und wiederverwendet, zumindest die, die Teil des Navigationsmodells sind (nav === true). Das würde bedeuten, dass Sie keinen dynamischen Ausdruck für nav verwenden können, da dieser nur einmal verarbeitet würde.

Wenn Sie dies nur zum Anzeigen der Route in der Navigationsleiste benötigen, können Sie eine Problemumgehung mit settings property erstellen, um die Route irgendwie zu markieren und die Zustandsprüfung beim Erstellen der Navigationsleiste durchzuführen.

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

verwendete ich settings.occasionallyVisible Eigenschaft, aber Sie können hinzufügen, was Sie wollen.

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

Navigationsroute wird angezeigt, wenn es nicht settings Eigenschaft hat OR settings.occasionallyVisible ist falsy OR cond ist true. Natürlich wäre cond dieser Zustand, den Sie brauchen.

nicht so elegant, aber es sollte die Arbeit erledigen, bis Sie die bessere Antwort bekommen :)