Javascript 引导选项卡不适用于AngularJS/AngularForm Builder

在我的项目中，我将引导选项卡与AngularJS和AngularForm builder一起使用：

            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#project" aria-controls="projekt" role="tab" data-toggle="tab">Projekt</a></li>
                <li role="presentation"><a href="#project2" aria-controls="podglad" role="tab" data-toggle="tab">Podgląd</a></li>
                <li role="presentation"><a href="#json" aria-controls="json" role="tab" data-toggle="tab">Json</a></li>
            </ul>

           <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade in active" id="project">
           ...
           ...

当然，我没有忘记处理标签：

 $('.nav-tabs a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
})

我认为还值得一提的是，我的应用程序有3层嵌套视图（通过UI-Router）

过去有没有人遇到过类似的问题？ 我的所有库都正确地加载到项目中（我相信顺序正确，应用程序的其他部分也会像预期的那样工作）

---

亲切的问候

引导选项卡在AngularJS中无法正常工作，您的JQuery显然也无法正常工作。在角度项目中使用JQuery修改DOM通常是不好的做法，您应该尝试以角度的方式进行操作。这意味着使用正确注入/更新DOM的指令

---

因为您使用的是引导，所以应该考虑在项目中使用。它已经具备了您想要的功能。或者，您可以编写自己的指令，正确修改选项卡

活动
类。
但是由于某些原因，这种组合（角度+引导选项卡）在用作独立应用程序时工作正常。只有当我将其作为整个项目的一部分（通过ui路由器作为模板）时，才会发生错误。是的。。。这是因为由于各种原因，使用JQuery修改角度项目中的DOM元素的工作方式并不一致。这就是为什么它被认为是坏习惯。哦，我明白了。因为我只有3个选项卡，而且它们非常小，所以我正在考虑使用ng show/hide。
 $('.nav-tabs a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
})