如何在角度2 /类型脚本中使用href调用函数

Question

我想从<a>标签中调用类型脚本组件中的函数,使用href如下:

  <a href="fun()" ></a>

有可能吗？请注意,我只需要这种方式.使用"click".event对我的情况没有帮助..

我已经尝试了这个:

<a href="javascript:fun()"> 

但它不起作用.

谢谢!

Answer 1

我知道这是一个老问题。这在 Angular 6 上对我有用 -

<a href="javascript:void(0);" (click)="getSampleCSV()">CSV Template</a>

Answer 2

在解决类似问题时我注意到，您可以用 {{ }} 包围函数调用，以使 Angular 实际调用该函数。

<a href={{"javascript:fun()}}"> </a>

在我的特定问题中，我试图根据其他信息生成动态链接，所以我做了类似的事情

html:

<a href="{{generateCustomLink(data)}}" target="_blank"></a>

打字稿：

generateCustomLink(data: any) : string {
    return 'http://www.google.com';
}

Answer 3

你不能在href use role属性中调用函数并将其<a>作为按钮并调用函数(click)

<a role="button" (click)="func()"></a>