Angular页面使用指令和路由守卫进行权限控制示例完整项目代码下载

[weixin_39821526]

采用权限码对路由和页面元素进行标记，用户登录时，后台返回用户具有权限的全部权限码，页面通过将路由或元素的权限码与用户权限码进行匹配，判断用户是否具有权限。对于路由地址，没有权限将阻止访问并重定向到指定路由，对于页面元素，没有权限将移除元素。 路由配置： { path: 'a1', component: A1Component, canActivate: [AclGuard], data: { acl: "a.a1" } }, { path: 'a2', component: A2Component, canActivate: [AclGuard], data: { acl: "a.a2" } }, html模板配置： 普通用户按钮1 管理员按钮1 代码说明： https://blog.csdn.net/evanyanglibo/article/details/128549843 , 相关下载链接：https://download.csdn.net/download/evanyanglibo/87364092?utm_source=bbsseo