angular选项卡

js,需要增加的话就 $scope.yudulvzhijihua[3]  = {'show':false,'class':''};

$scope.active = 'active';
            $scope.yudulvzhijihua =[];
            $scope.yudulvzhijihua[0]  = {'show':true,'class':$scope.active};
            $scope.yudulvzhijihua[1]  = {'show':false,'class':''};
            $scope.yudulvzhijihua[2]  = {'show':false,'class':''};
            // 处理隐藏其余选择
            $scope.chuliyingc = function(k1){
                angular.forEach($scope.yudulvzhijihua,function(v,k,arr){
                  if(k != k1){
                      v.show = false;
                      v.class = '';
                  }
                })
            }
            $scope.yudulvzhijihuaff = function(v,k){
              v.show = true;
              v.class = $scope.active;
              $scope.chuliyingc(k);
            }

html

<div ng-controller="yueduguanliCtr">
    <div class="wrapper-md">

        <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
            <ul id="myTabs" class="nav nav-tabs" role="tablist">
                <li class="{{yudulvzhijihua[0].class}}"><a href="" ng-click="yudulvzhijihuaff(yudulvzhijihua[0],0)">月度履职计划</a></li>
                <li class="{{yudulvzhijihua[1].class}}"><a href="" ng-click="yudulvzhijihuaff(yudulvzhijihua[1],1)">月度履职计划写实</a></li>
                <li class="{{yudulvzhijihua[2].class}}"><a href="" ng-click="yudulvzhijihuaff(yudulvzhijihua[2],2)">月度履职计划跟班写实</a></li>
            </ul>
             <div ng-show="yudulvzhijihua[0].show">

  00   

 </div>
             <div ng-show="yudulvzhijihua[1].show">
               11
            </div>   
            <div ng-show="yudulvzhijihua[2].show">
               22
            </div>
        </div>
    </div>
</div>