Angular-Bootstrap UI选项卡：删除选项卡选项

Question

我对使用Angular-UI-Bootstrap创建选项卡式视图的项目有特殊要求。

<uib-tab data-ng-repeat="pageTitle in form.pagetitles" heading="{{pageTitle}}"> 
    // tab content and so on... 
</uib-tab> 

我想要一个带有链接ng键功能的Tab-Heading旁边的按钮。在这个函数中，我想删除页面（仍然实现，这里没有帮助）。

<button data-ng-click='removePage(pageTitle)' class='btn btn-default'><span class='glyphicon glyphicon-wrench'></span></button> 

我的问题：我不知道如何获得标题旁边的按钮。谁能帮我？

Answer 1

除了使用属性的 “标题” 使用标签：< UIB标签 - 航向>

喜欢的东西：

<uib-tab data-ng-repeat="pageTitle in form.pagetitles"> 
    <uib-tab-heading> 
    <div class="pull-left">{{pageTitle}}</div> 
    <div class="pull-right"> 
     <button data-ng-click='removePage(pageTitle)' class='btn btn-default'><span class='glyphicon glyphicon-wrench'></span></button> 
    </div> 
    </uib-tab-heading> 
    // tab content and so on... 
</uib-tab>