Twitter Bootstrap和Angular.js-下拉添加到标签

Question

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

 <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!"
  ];

当我点击“生物”标签

时，它无法正常工作

Answer 1

我最近自己也在努力解决这个问题，为了解决这个问题，我发布了这个例子（使用Jade生成器）。

要求

• Angular Bootstrap设置

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']);

结果：