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)"

然后只需在我的打字稿文件中获取该参数

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

}

遍历路线以获得单个值并将其推入变量

1 个答案: