title: Tab is not shown after tab's disabled and active property are set to true. Angularjs Tabs
body: <p>I am working w/ Angularjs.
  i am using Tabs and accordion directives.
  When tab's disabled and active properties are set to true, tab's content is not showing up.
  Here is <a href="http://plnkr.co/edit/zJBlDBw4NlhxvXOV5d7K?p=preview" rel="nofollow">my plunker snippet</a> that reproduces the issue. Click on PL item and click on Mode 1. The Mode tab will become active and but not shown.
  I have a gut feeling it is due to ng-include but do not see why ...</p>
  
  <p><strong>Index.html</strong>
      </p>
  
  <pre><code>  &lt;div ng-controller="LeftPaneCtrl"&gt;
        &lt;tabset&gt;          
                  &lt;tab ng-repeat="tab in leftPane.tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled"&gt;
                       &lt;div ng-include="tab.content"&gt;&lt;/div&gt;
                  &lt;/tab&gt;
              &lt;/tabset&gt;
              &lt;/div&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p><strong>Modules.Html:</strong></p>
  
  <pre><code>&lt;accordion close-others="true"&gt;    
      &lt;accordion-group heading="{{module.displayName}}" ng-repeat="module in leftPane.modules"&gt;
          &lt;div ng-repeat="mode in module.modes" &gt;
              &lt;a style="color: green" ng-click="leftPane.selectMode(module, mode)"&gt;{{mode.title}} &lt;/a&gt;    
          &lt;/div&gt;        
      &lt;/accordion-group&gt;    
  &lt;/accordion&gt;
  </code></pre>
  
  <p><strong>Srcipt.js:</strong></p>
  
  <pre><code>function LeftPaneModel() {
      this.tabs = [
          { title: "Modules", content: "Modules.html", active: true},
          { title: "Modes", content: "Modes.html", disabled: true, active: false },
          { title: "Reports", content: "Reports.html", disabled: true, active: false }
      ];
      this.modulesTab = this.tabs[0];
      this.modesTab = this.tabs[1];
      this.reportsTab = this.tabs[2];
      this.modules = [];
      this.modules.push({displayName:'PL',modes:[{title:'Mode 1',id:'Mode1'},{title:'Mode 2',id:'Mode2'}]})
      this.selectMode = function(module, mode) {    
          var tab = this.modesTab;            
          tab.title = mode.title;                
          tab.active = true;
          tab.disabled = false;
      };
  }
  var emsApp = angular.module('EmsWeb', ['ui.bootstrap']);
  
  emsApp.controller('LeftPaneCtrl', ['$scope',function($scope) {
  
    $scope.leftPane = new LeftPaneModel();
  
  }]);
  </code></pre>
  
  <p>Any ideas are appreciated.</p>