首页 文章

路由器插座Angular 2中的路由器插座内部

提问于
浏览 次
0

我在另一台路由器插座内使用不同名称的路由器插座 .

{

[routerLink]='{ outlets: { "childRouter": ["one-way"] } }'>One Way

[routerLink]='{ outlets: { "childRouter": ["return"] } }'>Return

[routerLink]='{ outlets: { "childRouter": ["multicity"] } }'>Multicity

}

在我的路线：

{ 
  path: 'flights', 
  component: FlightsComponent,
  data: { animation: 'flights' },
  children: [
     { path: 'one-way', component: FlightOneWayComponent, data: { animation: 'one-way' }, outlet: 'childRouter'},
     { path: 'return', component: FlightReturnComponent, data: { animation: 'return' }, outlet: 'childRouter'},
     { path: 'multicity', component: FlightMulticityComponent, data: { animation: 'multicity' }, outlet: 'childRouter'},
]},

我在我的主要组件中使用 <router-outlet name="childRouter"></router-outlet> .

它工作正常但它会生成像 /flights/(childRouter:one-way) 这样的路径 .

有没有办法改变路径，如 flights/one-way 而不是 (childRouter:one-way) ？

angular

1 回答

  • 0

    您使用的技术是实现辅助路由，在您的情况下您不需要它

    试试这个：

    juste从这里取下出口部分

    { path: 'one-way', component: FlightOneWayComponent, data: { animation: 'one-way' }},
 { path: 'return', component: FlightReturnComponent, data: { animation: 'return' }},
 { path: 'multicity', component: FlightMulticityComponent, data: { animation: 'multicity' }},

    并使用此代替：

    [routerLink]='["one-way"]'>One Way
[routerLink]='["return"]'>Return
[routerLink]='["multicity"]'>Multicity
    回复于

相关问题