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

Question

我想使用<a>来href代码调用类型脚本组件中的函数，如下所示：

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

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

我已经尝试了这个：

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

但它不起作用。

谢谢！

Answer 1

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

<a role="button" (click)="func()"></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

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

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

Answer 4

对于新访客，您也可以通过以下方式致电：

<块引用>

在 mycomponent.component.html 中

 <a class="dropdown-item" (click)="onLogoutClick()">Logout</a>

<块引用>

并且，在 mycomponent.component.ts 中

  onLogoutClick() {
    console.log("Logout Clicked");
    //define your logic
  }