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

Question

Я создал маршруты в своем модуле и импортировал его как дочерний.

в модуле. Маршрут.ts

export  const routes: Routes = [
  {
    path : 'admin',
    component : IndexComponent,
    children :[
        { path: '', component: HomeComponent, outlet:'AdminRO' },
        { path: 'products', component: ProductsComponent, outlet: 'AdminRO' }
    ]
  }
];

export  const routing: ModuleWithProviders = RouterModule.forChild(routes);

IN app.routing.ts

У меня есть это

const appRoutes: Routes = [
  { path: '', redirectTo: '/admin', pathMatch: 'full' },
  { path: 'login', component: AppLoginComponent }
];
export  const AppRouting: ModuleWithProviders = RouterModule.forRoot(appRoutes);

сейчас, когда его перенаправление на первый домашний компонент успешно.но когда я пытаюсь URL-адрес localhost / admin / products.

это дает мне ошибку

 Cannot match any routes. URL Segment: 'admin/products'

Answer 1

Вам необходимо удалить AdminRO из розетки маршрутизатора, которую вы используете во вторичном модуле.

Answer 2

Именованные точки являются объектами вторичных маршрутов.Если вы хотите перейти к дополнительным маршрутам из браузера, введите URL-адрес следующим образом:

http://.../admin(AdminRO:products)

Администратор - это основная навигация.Круглые скобки окружают вторичный маршрут.Вторичный маршрут состоит из имени точки (AdminRO), разделителя двоеточий и пути вторичного маршрута (продукты).