什么是路由守卫及路由守卫的用处:
路由守卫就是angularjs为我们提供的路于钩子函数,当我们进入或离开某个路由页面时会调用这些钩子函数。
我们在做实际的应用开发时,复杂页多的数据处理是很常见的,比如我们在离开一个编辑页面时,如果用户编辑的内容尚未保存,我们需要提醒用户是否需要保存,是否确认离开,再者,当我们进入到某个路由页面时,如果用户尚未登录,我们需要用户先进行登录操作后才可进入等。
路由守卫的几种方式
1,CanActivate 导航到某路由时的守卫。
2,CanDeactivate 离开某路由时的卫
3,Resolve 路由激活前获取当前路由所需要的数据等。
代码示例
CanActivate代码示例
路由配置代码
CanDeactivate代码示例:
路由配置:
Resolve 代码示例:
路由配置:
网友评论