Angular 路由器：如何根据路由器的一部分重定向到组件链接

Question

在我的 Angular 应用程序中我有这个路由文件：const routes: Routes = [  {    path: "",    children: [      {        path: "",        redirectTo: "/my-default-page",        pathMatch: "full"      },      {        path: "reset_password",        component: ResetPassword,        canActivate: [MyAuthGuard],        children: [{ path: "**", redirectTo: "/reset_password" }]      }    ]  }}];我不想通过重定向，并且当路由：将是这样的：/reset_password/blabalabla它不会重定向我，而只是加载组件 ResetPassword并保持 url 不变建议？

Answer 1

使用路由参数。那么你就不需要任何儿童路线。

{

    path: "reset_password/:id",

    component: ResetPassword,

    canActivate: [MyAuthGuard]

  }

您的链接将保持不变，如果您愿意，可以在 ResetPassword 组件中使用以下代码从链接中检索此参数

constructor(private route: ActivatedRoute){}

ngOnInit():void{

const id = this.route.snapshot.paramMap.get('id');

}