在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>

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