1. 定义一个 AuthGuard 服务来检查用户是否有特定的角色：

import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { AuthService } from './auth.service';

@Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate {
  constructor(
    private router: Router,
    private authService: AuthService
  ) {}

  canActivate() {
    const user = this.authService.currentUserValue;
    if (user && user.role === 'admin') {
      return true;
    }
    this.router.navigate(['/login']);
    return false;
  }
}

2. 在路由配置中应用 AuthGuard，例如只允许管理员访问的页面：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AdminComponent } from './admin.component';
import { AuthGuard } from './auth.guard';

const routes: Routes = [
  {
    path: 'admin',
    component: AdminComponent,
    canActivate: [AuthGuard],
    data: { roles: ['admin'] }
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class AdminRoutingModule { }

3. 在组件中获取用户的角色信息并根据不同的角色进行重定向：

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from './auth.service';

@Component({
  template: ''
})
export class RedirectComponent {
  constructor(
    private router: Router,
    private authService: AuthService
  ) {
    const user = this.authService.currentUserValue;
    if (user) {
      if (user.role === 'admin') {
        this.router.navigate(['/admin']);
      }
      else if (user.role === 'user') {
        this.router.navigate(['/user']);
      }
      else {
        this.router.navigate(['/']);
      }
    }
  }
}

4. 在路由配置中为特定路由设置 RedirectComponent，例如在用户登录时根据角色进行重定向：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router