angualr 单选全选方法（适用购物车/各种列表删除等）

Html部分：

<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});};

 

转载于:https://www.cnblogs.com/vonson/p/7665935.html

总结

以上是生活随笔为你收集整理的angualr 单选全选方法（适用购物车/各种列表删除等）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。