Angular 2 Route Aliases

Question

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

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

我希望我的blogs/:id有一个别名，因此blogs/231在地址栏中显示为blogs/blog-title-goes-here。

Answer 1

您应该为每个条目分配一个（唯一的）slug，在URL中包含该slug（而不是ID），并通过slug查找/识别所请求的帖子，而不是在URL中使用帖子ID。 / p>

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