如何在不使用辅助路径的情况下在特定页面上添加边菜单
如何在不使用辅助路径的情况下在特定页面上添加边菜单
提问于 2019-11-01 14:02:46
我正在处理一个应用程序，它的顶部导航菜单总是在所有页面上，并且有一个名为“客户配置文件(http://localhost:4200/profile)”的页面，我在其中显示帐户信息、更改密码、地址等作为一个边菜单，当用户单击其中任何一个时，输入“更改-密码”，则url将更改为http://localhost:4200/profile/change-password，如果单击地址，url将更改为http://localhost:4200/profile/address。
侧菜单应该始终在那里，直到用户在/profile并显示所选菜单的内容(如更改密码或地址等)。
我读到了一些关于辅助路由的内容，但是在我看到的URL中，有些东西被更改为http://localhost:4200/profile/change-password(profile-sidebar:side-menu)。
但我不想这个(侧栏:边菜单)的东西是URL。
在角度上还有其他替代的方法来达到同样的目的吗？
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-01 14:23:54
您可以在根组件中添加侧菜单，并在路由器服务中检查路由开始时显示它：
组件ts
...
constructor(private router : Router){}
urlStartsWith(path : string) : boolean {
return this.router.url.startsWith(path) ;
}组件html
...
<app-side-menu *ngIf="urlStartsWith('/profil')"></app-side-menu>
...“应用程序侧菜单”是您的侧菜单选择器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58660531
复制相关文章
相似问题
腾讯云开发者
