bootstrap tabs in plain angular

gistfile1.html

<!-- Tab links at top, always visible with one 'active' -->
<ul class="nav nav-tabs">
  <li ng-repeat="tab in tabs" ng-class="{active: selectedTab == tab}" ng-click="selectedTab = tab">
    <a ng-href="#{{tab.id}}">{{tab.title}}</a>
  </li>
</ul>

<!-- Tab contents, only one ever visible -->
<div class="tab-content">
  <div ng-repeat="tab in tabs" class="tab-pane" ng-class="selectedTab == tab && 'active' || 'hide'" id="{{tab.id}}">
    <!-- can have tabs' content be ng-included as a template, or just put html here -->
    <div ng-include="tab.templateUrl"></div>
  </div>
</div>