我想在我的主要插座内有一个命名的路由器插座。我已经为命名插座定义了一条路线,如下所示:
{ 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的标记不会插入该组件。无法嵌套命名的插座吗?