![](/img/trans.png)
[英]how to customize Angular Ui bootstrap tabs similar to angular material tabs
[英]Tabs with dropdowns angular ui
我正在嘗試使用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>
而不是要添加和刪除的按鈕,我想在末尾添加一個下拉選項卡。 看到the ... http://plnkr.co/edit/GtuG3UCS2WZvEZpoSiAj?p=preview
看看這個例子。 可能會對您有幫助。
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.