title: Programmatically click to change the current tab in UI-Bootstrap
body: <p>I want to activate the tabs programmatically but could not find a way.</p>
  
  <p>Here is a <a href="http://plnkr.co/edit/fpklff3h9jKM9RR3ZLrJ?p=preview" rel="nofollow">plunker</a> for this.
  HTML:</p>
  
  <pre><code>&lt;tabset&gt;
  &lt;tab id="a1" heading="Static 1"&gt;Static 111&lt;/tab&gt;
  &lt;tab id="a2" heading="Static 2" ng-attr-active="{{nd}}"&gt;Static 222&lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$scope.nd = true;
  </code></pre>
  
  <p>ps:"tabs and their content should not be defined in a js file".</p>