如何在角度 8 中禁用到 <a href="#" > 的路由？答案

【问题标题】：How to disable routing to <a href="#" > in angular 8?如何在角度 8 中禁用到 <a href="#" > 的路由？
【发布时间】：2020-07-09 18:01:24
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

你可以这样做。

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

【讨论】：