发表于: 2021-11-30 22:36:53
0 874
今天完成的事情:
看了JS知识点
明天计划的事情:
继续看知识点
遇到的问题:
慢慢收集问题
收获:
(1)背景介绍:
在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求,当希望用户离开一个正常编辑页时,要中断并提醒用户是否真的要离开时,如果在Angular中应该怎么做呢?其实Angular路由守卫属性可以帮我们做更多有意义的事,而且非常简单。
(2)知识剖析
路由守卫场景
只有当用户登录并拥有某些权限的时候才能进入某些路由,一个由多个表单组成的向导,例如注册流程,用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由,当用户未执行保存操作而试图离开当前导航时提醒用户。
Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些钩子实现上面场景
- CanActivate: 处理导航到某路由的情况。
- CanDeactivate: 处理从当前路由离开的情况。
- Resolve: 在路由激活之前获取路由数据。
(3)常见问题
使用路由守卫后页面无法加载?
(4)解决方案
可能是登录模块也给设置了路由守卫,导致每次初始化无限刷新,页面无法加载
评论