Угловые 5 компонентов не отображаются для дочерних маршрутов - PullRequest
Новая
       16

Угловые 5 компонентов не отображаются для дочерних маршрутов

0 голосов
/ 25 апреля 2018

У меня есть ряд вложенных компонентов

Основной компонент приложения -> продукты-> группы продуктов

маршруты модуля приложения-маршрутизации 

const routes: Routes = [
  {
    path: '',
    redirectTo: environment.devRedirect,
    pathMatch: 'full',
    canActivate: [AuthenticationGuard]
  },
  {
    path: 'customers/:customerId/contracts/:contractId',
    loadChildren: './products/products-routing.module#ProductsRoutingModule',
    canActivate: [AuthenticationGuard],
    data: {
      breadcrumb: null,
      animation: 'products'
    }
  }
];

Маршруты моих продуктов выглядяткак 

const routes: Routes = [

  {
    path: '',
    component: ProductsOverviewComponent,
    data: {
      animation: 'overview',
      breadcrumb: 'Products',
    },
    canActivate: [ AuthenticationGuard ],
    children: [
      {
        path: 'products/:productId/grouping',
        loadChildren: '../grouping/grouping-routing.module#GroupingRoutingModule',
        data: {
          breadcrumb: null,
          animation: 'grouping'
        },
        canActivate: [ AuthenticationGuard ]
      },
      {
        path: 'create',
        component: ProductsComponent,
        data: {
          breadcrumb: 'Create',
          animation: 'create'
        },
        canActivate: [ AuthenticationGuard ]
      },
      {
        path: 'edit/:productId',
        component: QuoteOptionComponent,
        data: {
          breadcrumb: 'Edit',
          animation: 'edit' },
        canActivate: [ AuthenticationGuard ]
      }
    ]
  }
];

А затем в моем модуле группировки продуктов 

const routes: Routes = [
  {
    path: '',
    component: OverviewComponent,
    canActivate: [ AuthenticationGuard ],
    data: {
      breadcrumb: 'Grouping',
      animation: 'grouping-overview',
    },
    children: [
      {
        path: 'create',
        component: CreateEditComponent,
        data: {
          breadcrumb: 'Create',
          animation: 'group-create'
        },
        canActivate: [ AuthenticationGuard ]
      },
      {
        path: ':groupId/edit',
        component: CreateEditComponent,
        data: {
          breadcrumb: 'Edit Group Info',
          animation: 'group-edit'
        },
        canActivate: [ AuthenticationGuard ]

    ]
  }
];

Все мои ссылки на маршрутизаторы работают, и обновления пути URL-адреса и любые данные внутри маршрутизатора возвращаются для каждого маршрута.Моя проблема в том, что компонент для каждого из маршрутов никогда не отображается.Я что-то здесь упустил или как заставить компоненты отображаться в основной розетке маршрутизатора?

...