AngularJS 1.2 に移行しました。そして、たとえば、data-toggle で構成されたすべてのメニュー/ナビゲーション要素に気付きました。
<li><a href="#additionalSelection" data-toggle="tab">Additional Selection</a></li>
もう機能していません。id="additionalSelection" で要素を切り替える必要があります。これは、Angular のバージョン 1.0.8 を使用していたときに Angular と Bootstrap がどのように機能したかです。
しかし今、アンカー要素をクリックすると、Angular はこのクリックを傍受し、追加の選択のルートに移動しようとし、ページの更新を引き起こします...
それを修正する方法はありますか？
解決策は、 href属性をdata-targetに置き換えるのと同じくらい簡単です。それは問題を解決します：
<li><a data-target="#additionalSelection" data-toggle="tab">Additional Selection</a></li>
dragonfly指摘したように、代わりdata-targetに正常に動作しhrefます。
CSSに若干の違いがあります。data-targetがhrefに対して使用されると、カーソルはポインターではなくなります。余分な CSS を追加したくない場合は、次の操作を実行できます。
<a href="#additionalSelection" data-toggle="tab" onclick="return false;">Selection</a>
これは単なる提案であり、エレガントなソリューションではありません。しかし、何らかの理由で href を使用したい場合は、追加してください
onclick="return false;"
hrefから属性を置き換えるだけですdata-target
<li><a data-target="#switchTabs" data-toggle="tab">Tabs</a></li>