时间戳

首页 > 解决方案 > 同一页面中的 Angular 6 路由器链接问题

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

问题描述

我有两个链接：

  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]); 
}

标签： angularangular6angular-components

解决方案

因为对于角度来说它是相同的路线 - 它不会重新加载。

两种可能的解决方案：

  1. 在组件中订阅 this.route.params 并做出相应的反应，就像在Angular 4 routerLink - 重新加载当前路由

  2. 在 Angular 5 中有一个重新加载活动路由的选项：

RouterModule.forRoot（路由，{onSameUrlNavigation：'重新加载'}

试试看

推荐阅读