Angular + Bootstrap tabs, stacked on the side

angular-bootstrap-tabs-stacked-side.html

<ul class="nav nav-pills nav-stacked">
  <li class="active">
    <a href="" ng-click="vm.activeTab = 'one'" data-toggle="pill">
      One header
    </a>
  </li>
  <li>
    <a href="" ng-click="vm.activeTab = 'two'" data-toggle="pill">
      Two header
    </a>
  </li>
  <li>
    <a href="" ng-click="vm.activeTab = 'three'" data-toggle="pill">
      Three header
    </a>
  </li>
</ul>

<div class="tab-content">
  <div class="tab-pane" ng-class="{ active: !vm.activeTab || vm.activeTab == 'one' }">
    One content
  </div>

  <div class="tab-pane" ng-class="{ active: vm.activeTab == 'two' }">
    Two content
  </div>

  <div class="tab-pane" ng-class="{ active: vm.activeTab == 'three' }">
    Three content
  </div>
</div>

poapozp
zlkzza