title: How to select a tab on Angular UI programmatically?
body: <p><a href="http://plnkr.co/edit/r8W3D6lpb03FH7tkok6T?p=preview" rel="nofollow">In this plunk</a> I have three tabs that are created from an array. When I click on the button, I need the one named "Name 1" to be selected and have the focus. How can this be achieved?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;uib-tabset&gt;
     &lt;uib-tab ng-repeat="t in tabs" heading="{{t.title}}" &gt;
       {{t.content}}
     &lt;/uib-tab&gt;
  &lt;/uib-tabset&gt;
  
  
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;button ng-click="tabs.select(1)"&gt;Focus on Name 1&lt;/button&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>  $scope.tabs = [
      { title:'Name 0', content: "Content 0" },
      { title:'Name 1', content: "Content 1" },
      { title:'Name 2', content: "Content 2" }
    ];
  </code></pre>