/* HTML */
<router-outlet name="leftsider"></router-outlet>
<router-outlet name="rightsider"></router-outlet>
/* 路由配置 */
{
path: 'wfc', component: WfcComponent, canActivateChild: [AuthGuard],
children: [
{ path: '' },
{ path: 'wfcinfo', component: WfcInfoComponent, outlet: 'rightsider', },
{ path: 'newwfc', component: NewWfcComponent, outlet: 'rightsider', },
{ path: 'riverlist', component: RiverlistComponent, outlet: 'leftsider'},
]
}
/* 跳转 */
this.router.navigate(['wfc',{ outlets: { leftsider: ['riverlist'] }}]);
网友评论