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>
