带有下拉菜单的选项卡 angular ui

Question

我正在尝试使用 Angularjs、angular、ui 和 bootstrap 创建一个应用程序 3. 我需要通过将对象添加到数组。

<div ng-controller="PersonCtrl">
    <button ng-click="AddPerson()">Add Person</button>
    <button ng-click="RemovePerson()">Remove Person</button>
    <tabset>
    <tab ng-repeat="p in Persons" heading="{{[p.Name}}">
    </div>
    </tab>
    </tabset>
</div>

我不想添加和删除按钮，而是想在末尾添加一个下拉选项卡。看到笨蛋... http://plnkr.co/edit/GtuG3UCS2WZvEZpoSiAj?p=preview

Answer 1

查看 plunker 中的 this 示例。也许它会对你有所帮助。

<div class="bs-example">
  <ul class="nav nav-pills">
    <li ng-repeat="p in Persons"><a href="#">{{p.Name}}</a></li>
    <li class="dropdown">
      <a href="#" data-toggle="dropdown" class="dropdown-toggle">Action <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a ng-click="AddPerson()" href="#">Add person</a></li>
        <li><a ng-click="RemovePerson()" href="#">Remove person</a></li>
      </ul>
    </li>
  </ul>
</div>

带有下拉菜单的选项卡 angular ui

Tabs with dropdowns angular ui

javascript

twitter-bootstrap

angularjs

angular-ui