Twitter bootstrap Twitter Bootstrap和Angular.js-动态添加选项卡和选项卡内容，但不起作用

我用的是引导标签，有角度的重复。 但当我点击任何标签时，它都没有打开

{{$index+1}}

---

引导选项卡需要javascript来加载它们

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

---

每个选项卡都需要单独激活

引导选项卡需要javascript加载它们

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

---

每个选项卡都需要单独激活

查看AngularJS的UI引导：

它包括所有引导UI元素的指令

在应用程序中放置并注册这些标签将允许您定义如下选项卡：

---

查看文档了解更多信息。

查看AngularJS的UI引导：

它包括所有引导UI元素的指令

在应用程序中放置并注册这些标签将允许您定义如下选项卡：

---

查看文档以了解更多信息。

向ul元素提供id，然后在脚本文件中调用tab methodos。 演示 HTML:

---

向ul元素提供id，然后在脚本文件中调用tab方法。 演示 HTML:

---

他在使用AngularJS，所以最小JQuery解决方案在这里不起作用。在这种情况下，他应该使用AngularJS，所以最小JQuery解决方案在这里不起作用。在这种情况下，他应该使用AngularJS。你能粘贴一些动态添加选项卡的标记吗？如果锚定上的href与选项卡的ID不匹配，则单击将无法按预期工作。能否粘贴一些动态添加的选项卡的标记？如果锚定上的href与选项卡的ID不匹配，则单击将无法按预期工作。Angular zen会尽可能减少JQuery的使用。好的规则：如果您在控制器中编写JQuery语句，请改为编写指令。Angular很容易接受JQuery语法，因此我认为在使用JQuery语法时没有任何问题。Angular包含jQueryIself的jQlitelite版本。因此，我认为我的解决方案中没有问题。Angular zen尝试尽可能减少jQuery的使用。好的规则：如果您在控制器中编写JQuery语句，请改为编写指令。Angular很容易接受JQuery语法，因此我认为在使用JQuery语法时没有任何问题。Angular包含jQueryIself的jQlitelite版本。所以我认为我的解决方案中没有什么问题。

var app = angular.module('app', []);
app.controller('appController', function($scope){
   $('#mytab').tab('show');
  });