title: Active on angularjs bootstrap tab with static content
body: <p>I am using Angular Bootstrap UI to show a tabset with static content. </p>
  
  <p>I was frustrated by this because the UI Bootstrap Tab documentation only shows navigation to tabs created by binding with ng-repeat.</p>
  
  <pre><code>    &lt;uib-tabset&gt;
          &lt;uib-tab heading="Basic Details"&gt;
              &lt;div role=" tabpanel" class="tab-pane active" id="basicDetails"&gt;
              tab1
              &lt;button class="btn btn-success" ng-click="$parent.tabs[1].select()"&gt;Go to Tab 3&lt;/button&gt;
              &lt;/div&gt;
          &lt;/uib-tab&gt;
          &lt;uib-tab heading="Basic Details"&gt;
              &lt;div role=" tabpanel" class="tab-pane active" id="basicDetails"&gt;
              tab2
              &lt;/div&gt;
          &lt;/uib-tab&gt;
      &lt;/uib-tabset&gt;
  </code></pre>
  
  <p>I found some thing  hear <a href="https://stackoverflow.com/a/26875750/2545270">Stackoverflow</a> but this is not working with current version of Angular Bootstrap UI..</p>
  
  <p><a href="http://plnkr.co/edit/kzg9ITOiubLuZwkw3TmY?p=preview" rel="nofollow noreferrer"><strong>Plunker</strong></a></p>