2016-09-28 49 views
0

你好,我有样的路线:除了otherroute角2路由器出口多个名称

{ path: '', component: HomeComponent }, 
{ path: 'test/:id', component: TestComponentComponent }, 
{ path: 'home', component: HomeComponent }, 
{ 
    path: 'subroute', component: SubRouteComponent, 
    children:[ 
     { path: '' }, 
     { path: 'article1', component: SubRouteTextComponent }, 
    ] 
}, 
{ path: 'otherroute', component: OtherRouteComponent, outlet:'second' }, 

和所有正常工作。 在我的导航模板

<a [routerLink]="['/home']" routerLinkActive="active" >Home</a> 
    <a [routerLink]="[ '/test', id ]" routerLinkActive="active" >Test</a> 
    <a [routerLink]="[ '/subroute' ]" routerLinkActive="active" >Sub route</a> 
    <a [routerLink]="['/subroute/article1' ]" routerLinkActive="active">SubRoute two</a> 
    <a [routerLink]="['/',{ outlets: {'second':['otherroute'] }} ]" routerLinkActive="active">Other route</a> 

而且我的孩子航线意味着作品的内部预期,但我不能让工作女巫

<router-outlet></router-outlet> 
    <router-outlet name="second" ></router-outlet> 

我可以otherroute链接点击后的文本出现,但路线是奇怪(/ home(....)),所有其他链接都在破坏之后。

我的<router-outlet name="second" ></router-outlet>文本出现,但<router-outlet ></router-outlet>也停留,并且在<router-outlet name="second" ></router-outlet>之后始终可见。

我想条件看到所有两个或只有一个路线是可能的吗?

回答

0

我面临同样的问题,如果你定义了一个路径和出口,那么这个组件不会被渲染。

{ path: '', component: OtherRouteComponent, outlet:'second' } 

这样的作品,与空路径,但不是很有用...

+0

我相信我解决了空,我只是创造像这样的出口和链路空航线:Test user2217288