如何在 Angular 8 中禁用到 <a href="#" > 的路由？

Question

我正在使用这样的本地参考

<a class="btn-floating btn-large blue" href="#">button</a>

但 Angular 将我重定向到另一个链接 localhost:4200/#

Answer 1

只需调用preventDefault点击事件的方法

<a class="btn-floating btn-large blue" href="#" (click)="$event.preventDefault()">
button
</a>

或者只是删除 href 属性

<a class="btn-floating btn-large blue" >
button
</a>

您可以使用方法在页面中导航scrollIntoView。

<a (click)="skils.scrollIntoView({behavior: 'smooth'})">Skils </a>
....
<div #skils>...</div>

演示