How to call a function using href in angular 2/ type script

Question

I want to call a function in type script component from <a> tag using href like this:

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

Is it possible in some way? Note that I need only this way. Using a click event does not help in my case.

I tried already this:

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

But it does not work.

thanks!

Answer 1

you cannot call function in href use role attribute and make <a> as button and call the function with (click)

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

Answer 2

I know this is an old question. This worked for me on Angular 6 -

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