twitter-bootstrap - Twitter Bootstrap 和 Angular.js- 下拉添加到选项卡

Question

如何在 angular.js 和 bootstarp 中添加下拉选项卡，这是我的代码

 <tabset class="nav nav-tabs centered-tab sub-nav">
    <tab heading="Bio"  class="dropdown-toggle" >
     <ul class="dropdown-menu">
      <li ng-repeat="choice in items">
        <a>{{choice}}</a>
      </li>
     </ul>
    </tab>
 </tabset>

在控制器中

$scope.items = [
    "The first choice!",
    "And another choice for you.",
    "but wait! A third!"
  ];

当我点击“bio”选项卡时它不起作用

Answer 1

我最近自己也在为此苦苦挣扎，为了避免其他人找出解决方案的麻烦，我发布了这个示例（使用 Jade 生成器）。

要求

• 角度引导设置

HTML

div(ng-app="ui.bootstrap.demo")
 tabset(type="pills")
    tab
      tab-heading
         span.dropdown(on-toggle="toggled(open)" dropdown)
            a(href dropdown-toggle).dropdown-toggle 
              span Click me for a dropdown
            ul.dropdown-menu
               li
                  a(href) action

JavaScript

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);

---

结果：