Routing a route from an imported library in Angular 2/4

In Angular 4, I import a library from node modules that has specific routes, for example:

const appRoutes: Routes = [
  {
    path: 'section/:sectionId',
    component: SectionIndexComponent,
    children: [
      {
        path: ':dashboardId',
        component: DashboardComponent,
      },
      {
        path: ':dashboardId/:dashboardParam',
        component: DashboardComponent,
      },
    ]
  },
  {
    path: '',
    component: AppIndexComponent
  },
  {
    path: '**', component: PageNotFoundComponent
  },
];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes)],
  exports: [RouterModule],
})
export class AppRoutingModule { }

In the consumption project, I need to redefine / redirect one of the routes, for example:

const appRoutes: Routes = [
  {
     path: '',
     redirectTo: '/section/landing/main',
     pathMatch: 'full'
  }
];

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

The path I'm trying to override is the '' (root) path that is routed to the AppIndexComponent. In the application for consumption, I need it to be directed to "/ section / landing / main".

Routing in a consumer application does not seem to redefine the route. I tried changing the import order. I'm not sure if this will work that way, or if there is anything else, in particular, what should I do.

How can I redefine and redirect a route from a repo imported into another project?

+4

Source: https://habr.com/ru/post/1688419/


All Articles