angular多个

2019-03-05  本文已影响0人  陈小爬_
/* 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'] }}]);
上一篇 下一篇

猜你喜欢

热点阅读