angular2 Mehrstufige Kinderrouten für den gleichen Router-Ausgang

Question

@ angular/router Gibt es eine Möglichkeit, verschiedene Routen mit verschiedenen Ebenen zu haben, die alle in den gleichen Router-Ausgang dieses Elternteils passen?

Beispiel: /a/b/c/d /a/b/c /a/b

alle in dem Router-Auslass der Komponente Bestücken eines?

Danke,

Answer 1

Sie es tun können, müssen Sie nur noch die Routen in der richtigen Reihenfolge halten,

Wie unten sehen a/b/c kommt vor a/b bedeutet vollständig qualifizierten Pfad zuerst kommen sollte.

export const routes: RouterConfig = [ 
    { path: 'a/b/c', component: ABC }, 
    { path: 'a/b', component: AB } 
    ]; 

    @Component({ 
    selector: 'my-app', 
    template: ` 
    <h1 class="title">Component Router</h1> 
    <nav> 
     <a routerLink="https://stackoverflow.com/a/b" routerLinkActive="active">a/b</a> 
     <a routerLink="https://stackoverflow.com/a/b/c" routerLinkActive="active">a/b/c</a> 
    </nav> 
    <router-outlet></router-outlet> 
    `, 
    directives: [ROUTER_DIRECTIVES] 
    }) 
    export class AppComponent { 
    } 

    @Component({ 
    selector: 'my-abc', 
    template: ` 
     <h1>a-b-c</h1> 
    ` 
    }) 
    export class ABC { 
    } 

    @Component({ 
     selector: 'my-ab', 
     template: ` 
     <h1>a-b</h1> 
     ` 
    }) 
    export class AB { 
    } 

Hier ist die Plunker!

hoffe, das hilft !!