Angular 2 路由别名

Question

我有两条路线，一条转到博客列表，另一条转到单个博客。这是路线。

const appRoutes: Routes = [
  {
    path: 'blogs',
    component: 'BlogListComponent,
  }
  {
    path: 'blogs/:id',
    component: 'BlogComponent,
  }
];

我想为我的 blogs/:id 设置别名，以便 blogs/231 在地址栏中显示为 blogs/blog-title-goes-here。

Answer 1

而不是在 URL 中使用 post ID，您应该为每个条目分配一个（唯一的）slug，在 URL 中包含该 slug（而不是 ID ) 以及 find/identify 通过 slug 请求的 post。

要创建 slug，您可以使用第 3 方代码，例如 https://www.npmjs.com/package/slug。

Angular 2 路由别名

Angular 2 Route Aliases

angular-routing

angular