在angularJs中使用Bootstrap导航栏

Question

我正在尝试在Angular模板中使用bootstrap导航栏，但无法使其正常工作！

实际上，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（Anchor links in Angularjs?）上发现了类似的问题，但建议的解决方案对我不起作用。

我还看到Angular-Ui选项卡执行相同的操作但在我的情况下，我希望通过Ajax调用动态获取数据，并且单击Tab时。不幸的是，Angular-UI选项卡似乎没有这种行为。

感谢您的帮助