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="/a/b" routerLinkActive="active">a/b</a> <a routerLink="/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 { } ，意味着应该首先获得完全限定的路径。

ActorRef sessionEventHandlerActor = getContext().actorOf(Props.create(SessionHandler.class));

以下是Plunker!

希望这会有所帮助!!