Angular 6 сколько вложенных ‹router-outlet›‹/router-outlet› используют

В моем проекте у меня есть два варианта использования на вложенном уровне, он работает отлично, но когда я использую третий, в консоли отображается эта ошибка.

If 'router-outlet' is an Angular component, then verify that it is part of this module.

Могу ли я использовать на третьем уровне структуры проекта?

Возможна ли такая конструкция

export const ROUTES: Routes = [
  {
    path: '',
    component: RootComponent,
    children: [
      {
        path: 'Users',
        component: Users
      },
      {
        path: 'Admin',
        component: Admin,
        children: [
          {
            path: 'SubAdmin',
            Component: SubAdmin,
            children: [
              {
                path: 'SubAdminOne',
                Component: SubAdminOne
              }
            ]
          }
        ]
      }
    ]
  }
];

Сколько children пользователей на вложенном уровне?


person Ashish Kadam    schedule 07.09.2018    source источник
comment
Вы должны импортировать RouterModule в модуль, где вы объявили компонент, который использует router-outlet   -  person yurzui    schedule 07.09.2018
comment
@yurzui Да, я импортирую его, он отлично работает с двумя вложенными дочерними элементами, может ли это работать с третьим или четвертым уровнем.   -  person Ashish Kadam    schedule 07.09.2018


Ответы (2)


Проверьте модули, которые объявляют RootComponent, Admin и SubAdmin. Они также должны импортировать RouterModule из Angular в каждом случае. Я думаю субадмина нет, так как вы сказали, что он работает с двумя вложенными.

person bgraham    schedule 07.09.2018

Импорт RouterModule в app.module.ts Это должно решить проблему. Проблема не в количестве вложенных уровней. Я создал аналогичную вложенную структуру, и она изначально выдавала ту же ошибку, после импорта RouterModule ошибка была исправлена ​​для третьего и последующих уровней вложенности. Посмотрите https://stackblitz.com/edit/angular-sge9jf

person Puneet    schedule 07.09.2018