在更改路线时需要运行一个函数来检查令牌

Question

在 Angular 中，对于每条已更改的路由，如果设置了有效令牌，我都需要运行该函数。

谁能帮我做这个？

在 Angular 1 中，我经常使用 $on。

Answer 1

您可以使用CanActivate来保护路由或在路由转换过程中调用函数，示例如下

import { Router, CanActivate } from '@angular/router';

export class AuthGuard implements CanActivate {

constructor(private router: Router) { }

canActivate() {
  return true //or false
}
}

官方doc

更新步骤：

1. 如上代码所述编写 AuthGuard 服务
2. 在提供程序（app.module.ts 文件）中添加 AuthGaurd
3. 以这种方式，只要发生转换，就会调用 canActivate。

假设

1. 您已经在 appModule 中注册了路由

教程

1. http://jasonwatmore.com/post/2016/08/16/angular-2-jwt-authentication-example-tutorial