Угловая маршрутизация с несколькими выходами не работает

Я хочу создать несколько роутеров-розеток: сначала для основного приложения, а затем для страницы администратора.

Итак, у меня есть два модуля: приложение и администратор. В модуле приложения у меня есть маршрутизатор:

const routes: Routes = [
  {
    path: "",
    component: HomeComponent,
    pathMatch: "full"
  },
  {
    path: "sign-in",
    component: SignInComponent
  },
  {
    path: "sign-up",
    component: SignUpComponent
  },
  {
    path: "profile",
    component: UserProfileComponent
  },
  {
    path: "admin",
    component: AdminComponent,
    children: [
      {
        path: "news",
        component: NewsComponent,
        outlet: 'admin'
      },
      {
        path: "users",
        component: UsersComponent,
        outlet: 'admin'
      }
    ]
  }
];

В модуле администратора у меня есть компонент администратора со ссылками:

   <a
    routerLink="news"
    class="aside__nav-item"
    >News</a>
    <a
    routerLink="users"
    class="aside__nav-item"
    >Users</a>

И розетка: <router-outlet name="admin"></router-outlet>

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

Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: "admin/news".

Что я сделал не так? Должен ли я создать еще один маршрутизатор для admin модуль?

0 ответов

Другие вопросы по тегам