javascript - 循环遍历路由以获取单个值并将其推送到变量

Question

我有一个组件，其中充满了使用指向我网站不同组件的路由的链接。其中一些链接会打开相同的组件。我正在循环访问数据并设置一条通往每个链接的路线，如下所示。

<li *ngFor="let ql of quickLinks" [routerLink]="ql.iTorahRoute" routerLinkActive="active" fxLayout="row" fxLayoutAlign="start center"
class="dropdown-item" (click)="onClick()">{{ ql.Title }}</li> 

我的问题是，当我单击打开同一组件的路线时，它不会自动刷新，因此我设置了一个单击事件(要运行的 onClick() )来运行此代码段，该代码段有效。

this.router.navigateByUrl('/RefershComponent', {skipLocationChange: true}).then(()=>
    this.router.navigate([this.text]));

我的问题是我无法弄清楚如何在点击每个单独的路线时推送 [routerLink]="ql.iTorahRoute"来更新 this.text (这应该是路线)

Answer 1

我通过向函数推送参数来解决这个问题

(click)="onClick(ql)"

然后只需在我的 typescript 文件中获取该参数

onClick(quickLinks){
 let currentRoute = quickLinks.linkRoute
 this.router.navigateByUrl('/RefershComponent', {skipLocationChange: true}).then(()=>
 this.router.navigate([currentRoute]));

}