Html部分:spa
<table class="pay_attention_table"> <thead> <tr> <!--ng-click="all(selectAll)"--> <th class="c_aa w52"> <input type="checkbox" class="mr4" ng-model="selectObj.select_all" ng-change="selectAll()">全選 </th> <th class="c_aa w240 textCenter">名稱</th> <th class="c_aa w240 textCenter">領域</th> <th class="c_aa w177 textCenter">來源</th> <th class="c_aa w177 textCenter">下載時間</th> <th class="c_aa w177 textCenter">操做</th> </tr> </thead> <tbody> <tr ng-repeat="downloadInfo in myDownload"> <!--ng-checked="selectAll"--> <td> <input type="checkbox" ng-model="downloadInfo.checked" ng-change="selectOne()">{{checked}} </td> <td> <div class=""> <span class="ml4">{{downloadInfo.title}}</span> </div> </td> <td class="textCenter">景觀設計師</td> <td class="textCenter">成都</td> <td class="textCenter">{{downloadInfo.addTime}}</td> <td class="textCenter"> <a href="{{downUrl}}" target="_blank" class="c_77" ng-click="downloadAgain(downloadInfo.pid)">再次下載</a> <a class="c_77 otherLine" ng-click="downloadDel(downloadInfo.id)">刪除</a> </td> </tr> </tbody> </table>
Js部分:設計
//單選多選 $scope.selectObj={}; $scope.selectOne = function () { //單選 var temp = true; angular.forEach($scope.myDownload,function (item) { if(!item.checked){ temp = false } }); $scope.selectObj.select_all=temp; }; $scope.selectAll = function () { //多選 angular.forEach($scope.myDownload,function (item) { item.checked = $scope.selectObj.select_all }); };