Angular+Bootstrapのアンカーリンクの見た目をあわせる方法

Question

Angular8とBootstrap4を使っていて、
<a href="#">ああああ</a>の時はマウスカーソルが指の形に変わって、文字に下線が敷かれますが、<a (click)="test(0)">ああああ</a>だとそうならないです。
hrefが無いから挙動が変わるのはわかるのですが、であればどのようにしたら同じような表示にできるでしょうか？

href="#"などつけると見た目はおなじになりますが、トップページに遷移してしまうので、そのやり方は使えなかったです。

Answer 1

<a class="test1" href="#">ああああ</a>
<a class="test2" (click)="test(0)">ああああ</a>

.test2 {
  cursor:pointer;
  text-decoration: underline;
  color: -webkit-link;
}