如何在Angular 7中停止调用[queryParams]中的方法

Question

我正在尝试为用户实现在新选项卡中打开选项。我应该而不是使用(点击(来做这件事，所以现在我使用下面的逻辑在一个新的选项卡中打开。

<a [routerLink]="['/search/' + search.id]" [queryParams]="getQueryParams()">Destination</a>

问题是getQueryParams()每次都被调用，因此应用程序非常慢。有没有办法在任何时候都不调用这个方法？或者在没有(click)？

Answer 1

queryParams是通过函数获得的，有什么原因吗？

如果没有，您可以手动将queryParams设置为组件中的公共属性，并将其绑定到链接的queryParams属性。

组件：

public queryParams;
ngOnInit(){
this.queryParams = this.getQueryParams();
}

HTML:

<a [routerLink]="['/search/' + search.id]" [queryParams]="queryParams">Destination</a>