Angular 每次我单击选项卡导航项时，页面都会重新加载。角度和自举

我正在尝试为我的组件使用两个选项卡进行简单的选项卡导航，到目前为止，我实现了如下te选项卡：

<div class="row">
  <div class="col-md-12">
    <ul class="nav nav-tabs">
      <li class="nav-item"> <a href="" class="nav-link active" data-toggle="pill" data-target="#tabone"><i class="fa fa-file-o fa-md"></i>&nbsp;DIGITALIZAR</a> </li>
      <li class="nav-item"> <a class="nav-link" href="" data-toggle="pill" data-target="#tabtwo"><i class="fa fa-paperclip fa-lg"></i>&nbsp;ADJUNTAR</a> </li>
    </ul>
    <div class="tab-content mt-2">
      <div class="tab-pane fade active show" id="tabone" role="tabpanel">
        <div [hidden]="hayParametrosEscaner" style="text-align: center;">
          <app-parametros-scanner (parametros)="onParams($event)" ></app-parametros-scanner>
        </div>
        <div [hidden]="!verVisor">
          <app-imagegallery #visorImagenes></app-imagegallery>
        </div>
        <div class="control-buttons">
          <button class="tolowercase" mdbBtn color="primary" mdbWavesEffect (click)="verImagenes()">{{escaneoExtra}}</button>
          <button class="tolowercase" [hidden]="!verVisor" [disabled]="enviandoArchivos" mdbBtn color="primary" mdbWavesEffect
            (click)="enviarAlServidorDesdeVisor()"> Enviar selección al
            servidor</button>
          <button class="tolowercase" [hidden]="verVisor" [disabled]="enviandoArchivos" mdbBtn color="primary" mdbWavesEffect
            (click)="enviarAlServidorDesdeFuente()"> Escanear y guardar</button>
        </div>
      </div>
      <div class="tab-pane fade" id="tabtwo" role="tabpanel">
        TEST
      </div>
    </div>
  </div>
</div>

但是！！！问题是每次我点击任何一个标签，页面都会被重新加载，而不是改变标签。这就像应用程序正在崩溃和重新加载，我不知道是什么原因。
标记需要
href
，这将迫使路由器导航。尝试将Digitalar和ADJUNTAR放入
中，而不是使用
href，而不是路由器导致重定向