Twitter bootstrap JHipster页面内的Twitter引导标签-如何？

我有一个JHipster生成的html页面。需要选项卡，此代码是引导程序提供的基本示例：

<ul class="nav nav-tabs">
    <li><a data-toggle="tab" href="#sectionA">Section A</a></li>
    <li class="active"><a data-toggle="tab" href="#sectionB">Section B</a></li>
</ul>
<div class="tab-content">
    <div id="sectionA" class="tab-pane fade in active">
        <p>Section A content…</p>
     </div>
    <div id="sectionB" class="tab-pane fade">
        <p>Section B content…</p>
    </div>
</div>

那么#正在扔掉参考文献

我已经尝试了我能想到的一切

---

建议？

我知道这个问题很老，但我想我会记录下答案，因为我刚刚遇到了同样的问题。
我按照指示做了

基本上，普通href在Angular中不起作用，您需要使用引导站点上提供的javascript代码

$('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})

当然，这是有角度的，所以您应该为UI操作编写一个指令

angular.module('myApp')
.directive('showtab',
    function () {
        return {
            link: function (scope, element, attrs) {
                element.click(function(e) {
                    e.preventDefault();
                    $(element).tab('show');
                });
            }
        };
    });

然后，在html中

<ul class="nav nav-tabs">
    <li class="active"><a showtab="" href="#tabone">Tab One</a></li>
    <li><a showtab="" href="#tabtwo">Tab Two</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tabone">...</div>
    <div class="tab-pane" id="tabtwo">...</div>
</div>

...
...

showtab指令将启用切换选项卡所需的javascript

---

注意：您需要将bootstrap.js包含在html文件中。

Jhipster with angularjs使用，因为bootstrap与angular的使用不完全兼容，因此创建选项卡的方式如下：

<uib-tabset>
    <uib-tab index="0" heading="Justified">Justified content</uib-tab>
    <uib-tab index="1" heading="SJ">Short Labeled Justified content</uib-tab>
    <uib-tab index="2" heading="Long Justified">Labeled Justified</uib-tab>
</uib-tabset>

正当内容
短标签对齐内容
标记为正当的

我仍然没有答案。如果有人能想出一些去窃听的方法，那将是非常有帮助的

<uib-tabset>
    <uib-tab index="0" heading="Justified">Justified content</uib-tab>
    <uib-tab index="1" heading="SJ">Short Labeled Justified content</uib-tab>
    <uib-tab index="2" heading="Long Justified">Labeled Justified</uib-tab>
</uib-tabset>