美文网首页
angular多个

angular多个

作者: 陈小爬_ | 来源:发表于2019-03-05 10: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'] }}]);

相关文章

网友评论

      本文标题:angular多个

      本文链接:https://www.haomeiwen.com/subject/qjxnuqtx.html