title: Disabling a static tab with Angular UI Bootstrap?
body: <p>I am trying to set a tab to be disabled in a Angular Ui-bootstrap 2.0 tabset.</p>
  
  <p>In the example on their site, the one they are enabling and disabling (with a button) is a dynamic tab (an ng-repeat). I tried that, it works.</p>
  
  <p>I am trying to disable a Tab in a set that's not created with an ng-repeat, and it does not seem to work.  I have hard-coded the disabled property.  I tried using a simple "true" and a controller property.  The tab remains selectable.</p>
  
  <pre><code>&lt;uib-tabset active="active"&gt;
    &lt;uib-tab index="0" heading="Static title"&gt;
      Lorem ipsum dolor sit amet
    &lt;/uib-tab&gt;
    &lt;uib-tab index="1" heading="Another static title"&gt;
     Consectetur adipisicing elit.
    &lt;/uib-tab&gt;
    &lt;uib-tab index="2" heading="Still another static title" disabled="amDisabled"&gt;
      Recusandae
    &lt;/uib-tab&gt;
  </code></pre>
  
  <p></p>
  
  <p>where <code>$scope = amDisabled = true</code></p>
  
  <p>Here is a <a href="https://plnkr.co/edit/VQZMs7h7203r83QSI7jG?p=preview" rel="nofollow">plunker</a>.</p>