Угловые модули с подчиненными и навигационной

Question

У меня есть приложение, которое разделено на следующие модули:

/app
    /core
    /admin
    /authentication
    /wst

Admin - это сложный модуль с боковой панелью, а аутентификация - это просто экран входа в систему. Я хочу загружать боковую панель только тогда, когда модуль администратора активен, и я не хочу включать ее в app.component.html с * ngIf.

Как я могу заставить такую ​​конфигурацию работать? Я использую Angular7 и запустил stackblitz, который показывает мою проблему .

• Если я добавлю роутер-розетку в app.component.html, например. / логин маршрут работает хорошо.
• Если я попытаюсь сделать то же самое с / admin, ничего не появится.

Answer 1

Если вы хотите, чтобы ProfileComponent находился внутри AdminComponent, маршрутизация для AdminModule должна выглядеть примерно так:

const routes: Routes = [
  {
    path: '', component: AdminComponent,
    children: [
      { path: 'profile', component: ProfileComponent }
    ]
  },
]

Вначале также необходимо исправить некоторые ошибки сборки:

• Импортируйте AdminRoutingModule вместо RoutingModule в AdminModule.

• ProfileComponent должен быть либо объявлен, либо импортирован в AdminModule.

Тогда /admin/profile должен показатьAdminComponent с меню и профилем.Если вы хотите, чтобы это было /admin, просто добавьте правила перенаправления к маршрутам.