Question

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

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

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

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

我的问题：我不知道如何获得标题旁边的按钮。任何人都可以帮助我吗？

Answer 1

使用标记代替使用属性“heading”：＆lt; uib-tab-heading＆gt;

类似的东西：

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

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

1 个答案: