Angular 应用程序中的路由应该有多长?我的路线越来越长了

Angular 应用程序中的路由应该有多长?我的路线越来越长了,angular,angular-ui-router,Angular,Angular Ui Router,我正在构建一个大型应用程序。我想知道一条路线应该有多长?或者推荐什么?我最长的路线是: http://localhost:3000/#/mc/accessories/watches/wa/mens watches 这是我的app.ts路线: @Routes([ { path: '/mc', component: MainCategoryComponent } ]) @Routes([ { path: '/cl', component: ClothesComponent }, {

我正在构建一个大型应用程序。我想知道一条路线应该有多长?或者推荐什么?我最长的路线是:

 http://localhost:3000/#/mc/accessories/watches/wa/mens watches
这是我的app.ts路线:

@Routes([
  { path: '/mc', component: MainCategoryComponent }
])
@Routes([
  { path: '/cl', component: ClothesComponent },
  { path: '/ac', component: AccessoriesComponent },
  { path: '/ph', component: PharmacyComponent },
  { path: '/sh', component: ShoesComponent },
  { path: '/to', component: ToysComponent },
  { path: '/en', component: EntertainmentComponent },
  { path: '/vi', component: VideoGamesComponent },
  { path: '/el', component: ElectronicsComponent }  
])
@Routes([
  { path: '/:id', component: WatchDetailComponent },    
  { path: '/h', component: WatchHomeComponent },
  { path: '/', component: WatchHomeComponent }
])
这是我的购物路线:

@Routes([
  { path: '/mc', component: MainCategoryComponent }
])
@Routes([
  { path: '/cl', component: ClothesComponent },
  { path: '/ac', component: AccessoriesComponent },
  { path: '/ph', component: PharmacyComponent },
  { path: '/sh', component: ShoesComponent },
  { path: '/to', component: ToysComponent },
  { path: '/en', component: EntertainmentComponent },
  { path: '/vi', component: VideoGamesComponent },
  { path: '/el', component: ElectronicsComponent }  
])
@Routes([
  { path: '/:id', component: WatchDetailComponent },    
  { path: '/h', component: WatchHomeComponent },
  { path: '/', component: WatchHomeComponent }
])
这是我的附件路线

@Routes([   
  { path: '/wa', component: WatchComponent },
])

这是我的手表。ts路线:

@Routes([
  { path: '/mc', component: MainCategoryComponent }
])
@Routes([
  { path: '/cl', component: ClothesComponent },
  { path: '/ac', component: AccessoriesComponent },
  { path: '/ph', component: PharmacyComponent },
  { path: '/sh', component: ShoesComponent },
  { path: '/to', component: ToysComponent },
  { path: '/en', component: EntertainmentComponent },
  { path: '/vi', component: VideoGamesComponent },
  { path: '/el', component: ElectronicsComponent }  
])
@Routes([
  { path: '/:id', component: WatchDetailComponent },    
  { path: '/h', component: WatchHomeComponent },
  { path: '/', component: WatchHomeComponent }
])
当我寻找男士手表时,我的路线是

http://localhost:3000/#/mc/accessories/watches/wa/mens watches

提前谢谢

你有多少条路线并不重要。Angular足够智能,可以执行正确的路径。但对于您来说,采用模块化方法管理路线将有助于简化管理。但在这条路上要小心