Html 如何防止从数据目标和routerLink打开新窗口？

每次单击a标记时，浏览器都会打开一个新窗口。如何防止这种行为？我还尝试将write an href

#a

替换为数据目标，但它没有崩溃。（对于数据目标，它正在新窗口上折叠）

这是我的代码：

<nav>
 <ul>
  <li routerLinkActive="active">
    <a data-target=#a data-toggle="collapse" routerLink="device-tools" aria-
       expanded="false"><i class="fa fa-cogs" aria-hidden="true"></i>Device tools</a>
    <ul class="collapse list-unstyled" id="a">
      <li routerLinkActive="active"><a routerLink="protocol-group">Protocol group</a></li>
      <li routerLinkActive="active"><a routerLink="protocol">Protocol</a></li>
    </ul>
  </li>
 </ul>
</nav>

设备工具

协议组
协议

删除这一行

数据目标=#a

在我的情况下，我所做的是用另一个href包装路由器链接：

<a href="#" data-toggle="collapse" data-target="#one">
    <a [routerLink]='["/"]' (click)='collapse()'>Home</a>
</a>

尝试使用angular router的哈希符号，而不是数据目标，但我需要它崩溃