angular route guards

 它的作用

有5种guard

angular route guards_第1张图片

  • CanActivate: 处理导航到某路由的情况
  • CanDeactivate: 处理从当前路由离开的情况

1.先创建一个services的typescript class 

angular route guards_第2张图片

 angular route guards_第3张图片

这个sivices  实现了 canActive 这个interface (接口)

angular route guards_第4张图片 返回true可以继续执行,

返回false中断执行

2. 在app.module的providers中使用这个services

angular route guards_第5张图片

3.最后在路由文件中使用 路由守卫

angular route guards_第6张图片

你可能感兴趣的:(angular.js,前端,javascript)