如何防止数据目标和routerLink打开新窗口?

时间:2017-09-05 06:59:19

标签: html angular angular2-routing angular-cli

每次点击标签时,浏览器都会打开一个新窗口。如何防止这种行为?我还试图写一个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>

2 个答案:

答案 0 :(得分:0)

删除此行data-target=#a

答案 1 :(得分:0)

在我的情况下,我要做的是用另一个href包裹路由器链接:

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