2

Angular テンプレートでブートストラップ ナビゲーション バーを使用しようとしていますが、機能しません。

実際、Angular はhref、対応する Div にアクセスすることを許可することをルートと見なし、そのページに移動しようとします。

これが私が使用しているコードです:

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Section 2.</p>
    </div>
  </div>
</div>

SOで同様の問題を見つけました(Angularjsのアンカーリンク?)が、提案された解決策はうまくいきませんでした。

同じことを行う Angular-Ui タブも見ましたが、私の場合は、Ajax 呼び出しを介して動的にデータを取得し、タブがクリックされたときにデータを取得したいと考えています。残念ながら、Angular-UI タブにはこの動作がないようです。

ご協力ありがとうございました

4

0 に答える 0