angular - 同一页面中的Angular 6路由器链接问题

我有两个链接：


['/productlist',1000]
['/productlist',1001]


这两个链接在同一页面上。如果我是第一次单击任何链接。它正在重定向到页面，但是如果我单击其他链接，它将无法正常工作。

component.html代码

<a class="dropdown-item" (click)="GetProductList(subitem.SubCategoryID)">
 <i class="mdi mdi-chevron-right" aria-hidden="true"></i>
 {{ subitem.SubCategoryName}}
</a>

GetProductList(SubCategoryID){
    this.router.navigate(['/productlist',SubCategoryID]);
}

最佳答案

由于对于角度而言，它是同一条路线-不会重新加载。

两种可能的解决方案：


在组件中，订阅this.route.params并做出相应的反应，例如Angular 4 routerLink - reloading current route
在Angular 5中，有一个用于重新加载活动路径的选项：


RouterModule.forRoot（routes，{onSameUrlNavigation：‘reload’}

试试吧