Angularでリンクをクリックしたらeventを発火させたいとき
今回はAngularでリンクをクリックしたらeventを発火させたいときどのようにすれば良いのかについてご紹介いたします。
Angularでリンクをクリックしたらeventを発火させたいとき
結論から言うと、aタグを使えば実装が可能です。
下記のようなHTMLを書きましょう。
|
1 |
<a (click)="testClickMethod()">This is link.</a> |
testClickMethodが今回発火させたい関数になります。
hrefのタグやrouterLinkがないことがミソです。
しかし、上記ではマウスオーバーさせたときにカーソルがリンクのように変わりません。
状況に応じて
|
1 |
cursor: pointer |
などのCSSをつけてあげる必要がありそうです。
終わりに
今回はAngularでリンクをクリックしたらeventを発火させたいときどのようにすれば良いのかについてご紹介いたしました。