Angular2 - 如何使用带有动态 url 的路由器

Question

假设我有这个嵌套的 itemListComponent，它是 rootComponent 的子组件，使用以下模板:

<span *ngFor="#item of list">
    <a [routerLink]="[item.url]">{{item.title}}</a> |
</span>

从 Json 服务提供的路径 item.url 可以具有以下路径结构之一:

• /category1/(a content id)/(a title connected with dashion(-))
• /category2/(a content id)/(a title connected with dashion(-))
• /category3/(a content id)/(a title connected with dashion(-))

例子:

category2/987654/hello-world
category2/123456/hi-teacher
category3/554433/yo-brother

如何实现 @RouteConfig 以便这些链接使用 itemDetail 组件？

抱歉，如果这看起来不是很详细。对于由具有完整路径(非组合路径)的服务提供的路由 URL，我没有找到明确的操作指南

Answer 1

试试这个:

<span *ngFor="#item of list">
   <a [routerLink]="['/category', item.url]">
        {{item.title}}
   </a>
</span>

路线.ts:

{path: "category/:id", component: CategoryComponent}