Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法_AngularJS

<!-- 弹出层 --><section class="popup-bg" ng-if="IsActive"> <div class="popup-box phone-detail">  <div class="popup-title popup-detail-title">通讯录   <i class="iconfont popup-close-font rights " ng-click="HideMail()"></i>  </div>  <div class="content">   <div class="phone" ng-repeat="User in NoticeUserList">{{User.Name}}    <div class="check-item rights">     <div class="check-bg"       ng-class="{true:'checkeds',false:'uncheckeds',}[active]">     </div>     <input type="checkbox" ng-model="active" class="checkboxs" value="User.Name"       ng-click="itemSelected($event,User.Id,active)">    </div>   </div>  </div> </div></section>

$scope.itemIds = [];$scope.active = false;$scope.itemSelected = function ($event, pid, active) { var checkbox = $event.target; if (checkbox.checked) {  $scope.itemIds.push(pid); } else {  $scope.itemIds = Tools.arrRemove($scope.itemIds, pid); } console.log(active); console.log($scope.itemIds);};