Angular 辅助路由 - 无法在同一个导航调用中导航和清除辅助路由？

Question

我遇到了一个问题，我似乎无法导航到新路线，并同时清除导出/次要路线。

单独调用这两个操作是可行的 - 但感觉像是一种解决方法。是否有充分的理由将它们作为两个电话来完成？还是我的实现有错误？或者我应该将其归档为 GitHub 问题？

这些独立工作:

// Navigate to `/second`
this._router.navigate(['/second']);

// Clears the `popup` outlet
this._router.navigate(['', {outlets: { popup: null }}]);

我认为这应该可行，但它并没有清除导出:

this._router.navigate(['/second', {outlets: { popup: null }}]);

我目前的解决方法是:

this._router.navigate(['', {outlets: { popup: null }}]).then(() => { this._router.navigate(['second']); } );

我创建了一个 plnkr proof of concept - 导航代码在 global-popup.component.ts

Answer 1

您需要像下面这样显式设置主要导出路径，

public closeAndNav_singleCall() {
   return this._router.navigate([{
     outlets: { 
       primary : ['second'],
       popup: null 
     }
   }]);
}

更新了您的 Plunker!!

希望这对您有所帮助!