Angular 5如何在URL中删除辅助路线出口名称但出口应该加载

Question

我有顶部导航菜单和侧边栏菜单。在顶部导航菜单项中，例如admin，user..etc。当我们单击“管理”链接时，侧栏菜单应列出与管理相关的菜单，如设置，用户管理等。

这是使用辅助路由出口实现的，现在我的问题是我想使用出口EX : /admin/(user/list//sidemenu:sidemenu)删除URL参数。我的出口名称是侧面菜单。我想要类似/admin/user/lis t的URL，它也应该在侧边栏菜单中加载出口。

如何实现？任何人都可以帮助我。

Answer 1

通过模板清除我们的辅助路线：-

<a [routerLink]="[{outlets: {sidemenu: null}}]">X</a>

或通过将模板中的navigation方法设置为与上面相同的方式通过组件

this.route.navigate([{outlets: {sidemenu: null}}]);

或者您也可以简单地使用navigationByUrl

this.route.navigateByUrl('/someRoute');

Answer 2

如果您仍然对解决方案感兴趣，可以在这里查看我的回复： https://stackoverflow.com/a/58915611/9260456