angular2多個級別的兒童路由相同的路由器插座

Question

@角度/路由器 有沒有辦法讓不同的路線與不同的水平都填充在他的父母相同的路由器出口？

例如： /A/B/C/d /A/B/C /A/B

所有填充在組分A的路由器出口？

感謝，

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!

希望這有助於！