angular2同じルーターアウトレットの複数レベルの子ルート

Question

@ angle/router 異なるレベルの異なるルートを持つすべての方法が、その親の同じルーターアウトレットに実装されていますか？

例： /A/B/C/D /A/B/C /A/B

全成分のルータ出口に移入？

おかげで、

Answer 1

あなたはそれを行うことができ、あなただけの正しい順序でルートを維持する必要があり、

以下a/b/cがa/bの前に来て見ると同じように、完全修飾パスが最初に来るべきであることを意味します。ここで

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 { 
    } 

はPlunker!

は、この情報がお役に立てば幸いです！