在 Angular 2 中使用 routerLink

Question

在我的 Angular 2 SPA 应用程序中，我定义了如下所述的一条路线

 {path:'acategories/:id/products/:pid' , component:ProductComponent}

为了使用上述路由，我在我的模板中定义了一个 routerLink，如下所示

<a [routerLink]="['acategories' , product.category , 'products' , product._id ]"> Product </a>

但是上面的routerLink并没有按预期生成链接？

我期待的是http://localhost:3000/acategories/books/products/1，但结果却是http://localhost:3000/acategories/books/products/acategories/books/products/1

routerLink中需要修改什么？

Answer 1

您的链接必须是：

<a [routerLink]="['/acategories' , product.category , 'products' , product._id ]"> Product </a>

“/”表示这是一个完整的（绝对）路径，如果你不包含它，它会像你得到的那样是相对的。