angularjs路由守卫

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

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

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

路由守卫的几种方式

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

2,CanDeactivate 离开某路由时的卫

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


代码示例

CanActivate代码示例



路由配置代码


CanDeactivate代码示例:


路由配置:


Resolve 代码示例:


路由配置:

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

推荐阅读更多精彩内容

  • 一、SPA的概念 首先明确一个概念,SPA,全称为Single Page Application单页应用,一个单页...
    耦耦阅读 11,185评论 0 3
  • 前言 vue-router是什么:是vue.js官方的路由管理器和vue.js的核心深度的集成,让开发者更加简单的...
    GUAN_one阅读 9,122评论 0 2
  • 学习目的 学习Vue的必备技能,必须 熟练使用 Vue-router,能够在实际项目中运用。 Vue-rout...
    _1633_阅读 92,554评论 3 58
  • vue-router学习笔记 安装 并且如果在一个模块化工程中使用它,必须要通过Vue.use()明确地安装路由功...
    EL_PSY_CONGROO阅读 3,685评论 0 0
  • 导航守卫 正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫,有多种机会植入路由导航过程...
    前端_周瑾阅读 5,020评论 0 4