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>