本文介绍了如何在 Ionic4.x 应用中使用 Angular 的路由守卫实现登录权限判断。通过 CanActivate 接口创建 LoginGuard，检查用户信息以决定是否允许访问特定路由。在路由配置中应用 LoginGuard，确保只有登录用户才能访问受保护的页面，如 addresslist、addressadd 和 addressedit。同时提到了 CanDeactivate 守卫用于在用户离开页面前进行确认操作。
一、路由守卫
1、概念——当用户满足一定条件才被允许进入或者离开一个路由。
2、路由守卫场景：
- 只有当用户登录并拥有某些权限的时候才能进入某些路由。
- 一个由多个表单组成的向导，例如注册流程，用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。
- 当用户未执行保存操作而试图离开当前导航时提醒用户。
3、路由守卫
Angular 提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫，可以通过这些钩子实现上面场景。
- CanActivate: 处理导航到某路由的情况。判断用户有没有权限访问
- CanDeactivate: 处理从当前路由离开的情况。离开时弹窗是否保存信息，也可以写在离开的生命周期函数里
- Resolve: 在路由激活之前获取路由数据。
详情参考：http://bbs.itying.com/topic/5cd0f7dd344fb3153804ee69
二、C
订阅专栏 解锁全文
扫一扫
1945
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
