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');}