Как вложить более 1 уровня маршрута в угловой маршрут? - PullRequest
Новая
       5

Как вложить более 1 уровня маршрута в угловой маршрут?

0 голосов
/ 04 сентября 2018

Я делаю приложение для панели управления данными 6. Angular 6. Но я застрял, когда вкладываю более 1 маршрут lazyload, это не работает. Кажется, я не могу добавить более 1 маршрут lazyload в угловой маршрутизатор

Маршрутизация моего приложения: 

const appRoutes: Routes = [
  {
    path: '',
    component: SigninComponent,
    pathMatch: 'full'
  },
  {
    path: 'dashboard',
    loadChildren: './core/dashboard/dashboard.module#DashboardModule'
  }
];
@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

мой маршрут на приборной панели 

const dashboardRoutes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [

      {
        path: 'products',
        pathMatch: 'full',
        loadChildren: './products/products.module#ProductModule'
      },
    ]
  }
];

@NgModule({
  imports: [RouterModule.forChild(dashboardRoutes)],
  exports: [RouterModule]
})

Мой маршрут продукта: 

const productRoutes: Routes = [
  {
    path: '',
    component: ProductListComponent,
    children: [
      {
        path: ':id',
        component: ProductEditComponent
      },
      {
        path: 'addproduct',
        component: ProductCreateComponent
      }
    ]
  }
];

@NgModule({
  imports: [RouterModule.forChild(productRoutes)],
  exports: [RouterModule]
})

когда я получаю доступ к localhost: 4200 / dashboard / products / id3, возникает ошибка: не может совпадать ни один маршрут 'dashboard / products / id3'. Я думаю, что я ошибаюсь, где некоторые в настройке маршрутизации, но я не могу найти, где ошибка. Кто-нибудь может мне помочь?

1 Ответ

0 голосов
/ 04 сентября 2018

Я создал страницу для вас ... Просто проверьте и внесите соответствующие изменения. Вам необходимо правильно проверить путь к модулю, иначе он должен работать без проблем. Вы можете изменить URL на привет. 

https://stackblitz.com/edit/angular-lazy-loading-nweyjt

// For eg.
// https://stackblitz.com/edit/angular-lazy-loading-nweyjt/hello/3
...