angularjs路由守卫

2019-02-22  本文已影响0人  小刚_4a64

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

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

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

路由守卫的几种方式

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

2,CanDeactivate 离开某路由时的卫

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

代码示例

CanActivate代码示例


路由配置代码


CanDeactivate代码示例:


路由配置:


Resolve 代码示例:


路由配置:

上一篇 下一篇

猜你喜欢

热点阅读