Angular 6路由器链接问题在同一页面

Question

我有两个链接:

1. ['/productlist',1000]
2. ['/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]); 
}

Answer 1

由于对于 Angular 来说，它是相同的路线 - 它不会重新加载。

两种可能的解决方案:

1. 在组件中订阅 this.route.params 并做出相应的 react ，就像 Angular 4 routerLink - reloading current route 中那样

2. 在 Angular 5 中，有一个用于重新加载事件路由的选项:

RouterModule.forRoot(routes, {onSameUrlNavigation: ‘重新加载’}

尝试一下