如何防止 data-target 和 routerLink 打开一个新窗口？答案

【问题标题】：How to prevent from data-target and routerLink to open a new window?如何防止 data-target 和 routerLink 打开一个新窗口？
【发布时间】：2018-11-29 15:14:44
【问题描述】：

每次我单击 a 标签时，浏览器都会打开一个新窗口。如何防止这种行为？我还尝试写一个 href #a 而不是数据目标，但它没有崩溃。（使用 data-target 它在新窗口中折叠）

这是我的代码：

<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>

【问题讨论】：

尝试使用角度路由器的哈希表示法而不是数据目标，angular.io/api/common/HashLocationStrategy

标签： html angular angular2-routing angular-cli

【解决方案1】：

就我而言，我所做的是用另一个 href 包装路由器链接：

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

【讨论】：

【解决方案2】：

删除这一行data-target=#a

【讨论】：

但我需要它折叠