Измените два независимых маршрута одновременно. Можно ли это сделать с помощью вспомогательной маршрутизации? - PullRequest
Новая
       23

Измените два независимых маршрута одновременно. Можно ли это сделать с помощью вспомогательной маршрутизации?

1 голос
/ 07 апреля 2020

При вспомогательной маршрутизации мы можем сделать две независимые маршрутизации в одном компоненте. Используя ту же концепцию для одного URL, можем ли мы изменить независимые маршруты одновременно?

, например:

  1. http://localhost: 4200 / список для на этом маршруте я хочу загрузить компонент C1 против имени-выхода-маршрутизации и компонента листинга из моего основного-выхода-выхода.

  2. http://localhost: 4200 / списки для этого маршрута, Я хочу загрузить компонент C2 против имени-выхода-маршрута и списков компонентов из моего основного-выхода-выхода. 

    const appRoutes: Routes = [
    { path: '', component: HeroComponent, outlet: 'hero', children: [
    { path: 'listings', component: C2Component},
    { path: 'listing', component: C1Component},]},

    { path: '', component: ContentComponent, children: [
    { path: '', component: HomeComponent},
    { path: 'listings', component: ListingsComponent},
    { path: 'listing', component: ListingComponent},
    { path: 'sellers', component: SellersComponent},
    { path: 'seller', component: SellerComponent}]}];

1 Ответ

0 голосов
/ 07 апреля 2020

Попробуйте это 

    { path: 'listing', component: C1Component, outlet:'hero'},
    { path: 'listing', component: ListingComponent},
    { path: 'listings', component: C2Component, outlet:'hero'},
    { path: 'listings', component: ListingsComponent},

В соответствии с маршрутизацией один и тот же маршрут имеет две конфигурации, поэтому розетка с именем героя получит C1Component, а основной маршрутизатор-розетка получит компонент листинга 

const appRoutes: Routes = [
    { path: '', component: HeroComponent, outlet: 'hero'},

    { path: 'listing', component: C1Component, outlet:'hero'},
    { path: 'listing', component: ListingComponent},
    { path: 'listings', component: C2Component, outlet:'hero'},
    { path: 'listings', component: ListingsComponent},

    { path: '', component: ContentComponent, children: [
    { path: '', component: HomeComponent} 
    { path: 'sellers', component: SellersComponent},
    { path: 'seller', component: SellerComponent}]
}];
...