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!

希望这有助于！