如何在Angular中重定向到子路由并再次重定向？

const routes: Routes = [
  { path: 'parent', component: ParentComponent, children: [
    { path: '', redirectTo: 'child', pathMatch: 'full' }, // 默认重定向到子路由
    { path: 'child', component: ChildComponent },
    { path: 'redirect', component: RedirectComponent }
  ]}
];

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

@Component({
  selector: 'app-parent',
  template: `
    <h1>Parent Component</h1>
    <button (click)="redirectToChild()">Redirect to Child</button>
  `
})
export class ParentComponent {
  constructor(private router: Router) {}

  redirectToChild() {
    this.router.navigate(['child'], { relativeTo: this.route }); // 重定向到子路由
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <h1>Child Component</h1>
    <button (click)="redirectToOther()">Redirect to Other</button>
  `
})
export class ChildComponent {
  constructor(private router: Router) {}

  redirectToOther() {
    this.router.navigate(['../redirect'], { relativeTo: this.route }); // 重定向到其他路由
  }
}