Question

在我的项目中，我有两个嵌套级使用，它工作正常，但是当我使用第三个时，在控制台中显示此错误

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个用户？

Answer 1

检查声明RootComponent，Admin和SubAdmin的模块。他们还应在每种情况下从Angular导入RouterModule。我认为SubAdmin不会，因为您说它是两个嵌套的。

Answer 2

在app.module.ts中导入RouterModule 这样可以解决问题。问题不在于嵌套级别的数量。我创建了一个类似的嵌套结构，它最初给了我相同的错误，在导入RouterModule之后，该错误已针对第三级及以后的嵌套级别进行了修复。看看https://stackblitz.com/edit/angular-sge9jf

Angular 6使用多少个嵌套<router-outlet> </router-outlet>

2 个答案: