Angular 2 - Routing-在浏览器地址栏中显示不同的路由名称

时间:2017-07-17 10:08:14

标签: angular angular2-routing

是否可以在角度为2和4的特定路线的地址栏中显示州名。例如,我有以下路线配置,

{
 path:"animals",
 component : AnimalComponent,
 children:[{
   path:"cat",
   component:CatComponent
 },{
  path:"dog",
  component:DogComponent
 }]
}

当地址为" animals / cat"时,它会在AnimalComponent路由器插座中加载CatComponent。当地址为" animals / dog"时,在AnimalComponent router-outlet中的DogComponent。是否有可能只显示" cat"在" animals / cat"的地址栏中和#34;狗"在动物/狗的地址栏中#34;路由。

1 个答案:

答案 0 :(得分:0)

当然,只需从父路线中删除路径:

{
 path:"",
 component : AnimalComponent,
 children:[{
   path:"cat",
   component:CatComponent
 },{
  path:"dog",
  component:DogComponent
 }]
}

angular会自动将孩子链接到最近的祖先(如果没有,则为root)