Route Nicht gefunden Fehler in Durandal Kind Route

Question

Ich bekomme "Route nicht gefunden", wenn ich versuche, Kind Routing zu verwenden. Um meine Grundlagen abzudecken, hier ist, wie das Routing in der Anwendung gestaltet ist.

Die main.js Datei enthält Routing für die Top-Navigation und erfolgt as-

    router.map([ 
         { route: 'LOC', moduleId: 'LOC', title: 'LC', nav: 3 } 
        ]); 

I Karte Routen für die Fußzeile der Seite as-

 router.map('About', 'About', 'About', false); 
    router.map('Help', 'Help', 'Help', false); 

Wenn ein Benutzer auf klickt Wenn Sie oben die "LOC" -Route erstellen, wird das linke Navigationsfenster in dieser Ansicht angezeigt. Diese Ansicht verwendet das Kind Routing und as-

var childRouter = router.createChildRouter() 
    .makeRelative({ 
     moduleId: 'viewmodels/', 
     fromParent: true 
    }).map([ 
         { route: '*LCClientSearch', moduleId: 'LCClientSearch', title: 'Create LC', type: 'intro', hash: '#LCClientSearch', nav: true }, 
         { route: '*LCPending', moduleId: 'LCPending', title: 'Pending LC', type: 'intro', hash: '#LCPending', nav: true } 

    ]).buildNavigationModel(); 

LOC standardmäßig auf die LCClientSearch Route und zeigt sie richtig zunächst JEDOCH aufgebaut, nichts rechts von diesem Punkt geschieht auf. Wenn der Benutzer auf LCClientSearh oder LCPending klickt, bekomme ich den Fehler "Route nicht gefunden".

LOC view-

 <div class="span2 well"> 
    <ul class="nav nav-list"> 
     <li class="nav-header">Availability</li> 

     <!--ko foreach: availability--> 
     <li data-bind="css: { active: isActive }"> 
      <a data-bind="attr: { href: hash }, text: title"></a> 
     </li> 
     <!--/ko--> 

     <li class="nav-header">Manual Post</li> 


     <!--ko foreach: ManualPost--> 
     <li data-bind="css: { active: isActive }"> 
      <a data-bind="attr: { href: hash }, text: title"></a> 
     </li> 
     <!--/ko--> 
    </ul> 
</div> 

Warum erhalte ich Route nicht gefunden?

Answer 1

Ich vermute, weil Ihre Elternroute kein splat - check out the documentation for child routers hat. Versuchen Sie, den Weg von der übergeordneten Ansicht Wechsel zu:

router.map([ 
    { route: 'LOC*details', moduleId: 'LOC', title: 'LC', nav: 3 } 
]); 

Und dann das Kind ändern Routen:

[ 
    { route: 'LCClientSearch', moduleId: 'LCClientSearch', title: 'Create LC', type: 'intro', nav: true }, 
    { route: 'LCPending', moduleId: 'LCPending', title: 'Pending LC', type: 'intro', nav: true } 
] 

die dann die Routen LOC/LCClientSearch und LOC/LCPending jeweils übereinstimmen sollten.