Angular 5 如何删除 URL 中的辅助路由器导出名称但导出应加载

Question

我有顶部导航菜单和侧栏菜单。在顶部导航菜单项中，如管理员、用户...等。当我们点击管理链接时，侧边栏菜单应该列出管理相关的菜单，如设置、用户管理等。

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

如何实现这一目标？任何人请帮助我。

Answer 1

通过模板清除我们的辅助路由:-

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

或者通过组件通过在模板中将导航方法设置为与上面相同

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

或者你可以简单地使用navigateByUrl

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