單擊引導程序選項卡鏈接時如何防止角度布線？

Question

我正在嘗試制作一個引導標簽。 問題是，當我單擊選項卡鏈接angular時，它是在做自己的路由，並將我帶到其他路由。 我希望打開的選項卡內容不會跳轉到其他路徑。

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a href="#basic" aria-controls="basic" target="_self" role="tab" data- 
        toggle="tab">Vehicle</a>
    </li>
    <li role="presentation">
        <a href="#photos" aria-controls="photos" role="tab" target="_self" data-toggle="tab">Photos</a>
    </li>
</ul>

當我單擊“照片”鏈接時，角度將更改路線並將其帶​​到其他組件，而不是顯示“車輛”選項卡的內容。

Answer 1

將href替換為data-target ，如下所示。 希望它會起作用。

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a data-target="#basic" aria-controls="basic" target="_self" role="tab" data-toggle="tab">Vehicle</a>
    </li>
    <li role="presentation">
        <a data-target="#photos" aria-controls="photos" role="tab" target="_self" data-toggle="tab">Photos</a>
    </li>
</ul>