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

Question

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

{ 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的标记不会插入该组件。无法嵌套命名的插座吗？