angularjs路由守卫

什么是路由守卫及路由守卫的用处:

     路由守卫就是angularjs为我们提供的路于钩子函数,当我们进入或离开某个路由页面时会调用这些钩子函数。

      我们在做实际的应用开发时,复杂页多的数据处理是很常见的,比如我们在离开一个编辑页面时,如果用户编辑的内容尚未保存,我们需要提醒用户是否需要保存,是否确认离开,再者,当我们进入到某个路由页面时,如果用户尚未登录,我们需要用户先进行登录操作后才可进入等。

路由守卫的几种方式

1,CanActivate  导航到某路由时的守卫。

2,CanDeactivate 离开某路由时的卫

3,Resolve 路由激活前获取当前路由所需要的数据等。


代码示例

CanActivate代码示例



路由配置代码


CanDeactivate代码示例:


路由配置:


Resolve 代码示例:


路由配置:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容