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

【问题标题】：Angular-Bootstrap UI Tabs: Remove Tab OptionAngular-Bootstrap UI 选项卡：删除选项卡选项
【发布时间】：2015-12-09 06:02:45
【问题描述】：

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

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

我想在选项卡标题旁边有一个带有链接 ng-click 功能的按钮。在这个函数中，我想删除页面（仍然实现，这里不需要帮助）。

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

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

【问题讨论】：

标签： angularjs angular-ui-bootstrap

【解决方案1】：

不要使用“标题”属性，而是使用标签：

类似：

<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>

【讨论】：