在angularJS中加载页面时，默认选择第一个选项卡

<div ng-controller="TabController">
  <ul class="nav nav-tabs">
    <li ng-repeat="tab in tabs" ng-class="{active: tab.active}">
      <a href="" ng-click="selectTab(tab)">{{tab.title}}</a>
    </li>
  </ul>
  <div class="tab-content">
    <div ng-repeat="tab in tabs" ng-show="tab.active">
      {{tab.content}}
    </div>
  </div>
</div>

app.controller('TabController', function($scope) {
  $scope.tabs = [
    { title: 'Tab 1', content: 'This is the content of tab 1', active: true },
    { title: 'Tab 2', content: 'This is the content of tab 2', active: false },
    { title: 'Tab 3', content: 'This is the content of tab 3', active: false }
  ];

  $scope.selectTab = function(tab) {
    angular.forEach($scope.tabs, function(tab) {
      tab.active = false;
    });
    tab.active = true;
  };
});

app.controller('TabController', function($scope) {
  // ...

  // 默认选中第一个选项卡
  $scope.tabs[0].active = true;

  // ...
});