Angular2 探索 canActivate Guard 中解析的数据

探索 Angular 2 中 canActivate 守卫的数据解析

typescript
import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
@Injectable({
  providedIn: 'root'
})
export class ExampleAuthGuard implements CanActivate {
  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    // 从路由快照中获取数据
    const customData = route.data['customData'];
    // 在这里可以执行任何解析数据后的逻辑
    if (customData === 'admin') {
      // 用户有权限，可以进入路由
      return true;
    } else {
      // 没有权限，重定向到其他页面
      this.router.navigate(['/unauthorized']);
      return false;
    }
  }
  constructor(private router: Router) { }
}

typescript
const routes: Routes = [
  {
    path: 'admin',
    component: AdminComponent,
    canActivate: [ExampleAuthGuard],
    data: { customData: 'admin' } // 在路由配置中添加自定义数据
  },
  {
    path: 'user',
    component: UserComponent,
    canActivate: [ExampleAuthGuard],
    data: { customData: 'user' }
  },
  {
    path: 'unauthorized',
    component: UnauthorizedComponent
  },
  // 其他路由配置...
];