时间戳

首页 > 解决方案 > 角度嵌套路由出口 url 模式

angular - 角度嵌套路由出口 url 模式

问题描述

我有一个带有此路由定义的 Angular 8 应用程序：

const appRoutes: Routes = [
  { path: '', component: LoginPageComponent, pathMatch: 'full' },
  {
    path: 'admin', component: PrivateContentTemplateComponent,
    children: [
      { path: '', component: HomePageComponent, outlet: 'private-content', pathMatch: 'full' },
      { path: 'products', component: ProductListPageComponent, outlet: 'private-content' }
    ]
  },
];

当我访问组件时ProductListPageComponent，生成的 url 模式是：http://localhost:4200/#/admin/(private-content:products).

这个模式太丑了！我怎么能改成：http://localhost:4200/#/admin/products？

标签： angularurlfriendly-url

解决方案

推荐阅读