title: Angular-Bootstrap UI Tabs: Remove Tab Option
body: <p>I have a special requirement for my project where I use Angular-UI-Bootstrap to create a tabbed view.</p>
  
  <pre><code>&lt;uib-tab data-ng-repeat="pageTitle in form.pagetitles" heading="{{pageTitle}}"&gt; 
      // tab content and so on...
  &lt;/uib-tab&gt;
  </code></pre>
  
  <p>I want to have a Button next to the Tab-Heading with a linked ng-click function. In this function I want to remove the page (still implemented, no help needed here). </p>
  
  <pre><code>&lt;button data-ng-click='removePage(pageTitle)' class='btn btn-default'&gt;&lt;span class='glyphicon glyphicon-wrench'&gt;&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  
  <p>My Problem: I do not have an idea how to get the button next to the heading. Can anyone help me?</p>