title: The angularjs tab don't switch?
body: <p>why the tab don't switch?  when i click the tab 2 or other,it seems to do nothing.</p>
  
  <pre><code>    &lt;div class="container"&gt;
      &lt;h1&gt;Bootstrap AngularJS Tabs&lt;/h1&gt;
      &lt;div ng-app=""&gt;
      &lt;div ng-init="names = [{name:'one'}, {name:'two'}, {name:'three'}, {name:'four'}, {name:'five'}]"&gt;
              &lt;ul class="nav nav-tabs"&gt;
                      &lt;li ng-repeat="name in names" ng-class="{active: $index == 0}"&gt;
          &lt;a href="#tab{{$index + 1}}" data-toggle="tab"&gt;Tab {{$index + 1}}&lt;/a&gt;
                      &lt;/li&gt;
              &lt;/ul&gt;
      &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane fade in" id="tab{{$index + 1}}" ng-repeat="name in names" ng-class="{active: $index == 0}"&gt;
          &lt;span&gt;{{$index + 1}}&lt;/span&gt;&lt;span&gt;{{$index+2}}&lt;/span&gt;
      &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;&lt;!--/container--&gt;
      &lt;script src="./angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="./bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>