路由组件中的命名路由器出口

时间:2018-07-12 14:19:48

标签: angular

我想在我的主要插座内有一个命名的路由器插座。我已经为命名插座定义了一条路线,如下所示:

{ path: 'viewBar', component: ViewComponent, outlet: 'viewBar', data: { state: 'on' } }

我在主要路由组件的toggle方法中具有以下逻辑:

if (!this.viewState) {
  this.viewState = this.router.url.includes('viewBar:viewBar') ? 'on' : 'off';
}

if (this.viewState === 'on') {
  this.router.navigate(['', {
    outlets: { viewBar: null }
  }]);
} else {
  this.router.navigate(['', { outlets: { viewBar: ['viewBar'] } }]);
}

this.viewState = this.viewState === 'off' ? 'on' : 'off';

单击切换开关时,URL中将显示viewbar:viewBar,但是嵌套的名为router-outlet的标记不会插入该组件。无法嵌套命名的插座吗?

0 个答案:

没有答案