Как перенаправить на тот же компонент с помощью Dynami c id angular 8

Question

как мы можем перенаправить на тот же компонент, когда динамический c идентификатор изменяется на компоненте.

Это мой маршрут:

const routes: Routes = [
  {
    path: "",
    redirectTo: `${JSON.parse(localStorage.getItem("id"))}`,
    pathMatch: "full",
    canActivate: [AuthGuardService]
  },
  {
    path: ":id",
    component: DashboardComponent,
    canActivate: [AuthGuardService],
    data: { title: "Dashboard" }
    
  }    
];

Я хочу перезагружать компонент панели мониторинга всякий раз, когда динамический c id изменяется.

Как мы можем этого добиться?

Любая помощь будет принята с благодарностью.

Спасибо !!

Answer 1

Изнутри DashboardComponent:

this.router.navigate(['/', { id: newId }]);

или

this.router.navigateByUrl(`/${newId}`);

PS: предлагаю вам изменить свои маршруты, например

const routes: Routes = [
  {
    path: ":id",
    component: DashboardComponent,
    canActivate: [AuthGuardService],
    data: { title: "Dashboard" }
  },
  { 
    path: '',   
    redirectTo: '/', // redirect to `main page`
    pathMatch: 'full' 
  },
  { 
    path: '**', // Wildcard route for a 404 page
    component: PageNotFoundComponent 
  },
];