AngularJS 全选框事件~

百度谷歌了两个多小时，也没找到合适的示例，

然则，国外的示例碉堡了，页面自带演示，而国内，难道只能像我这样写技术博客吗？

虽然如此，依然没找到合适的全选框示例，请看我的方法。

1.AngularJS全选的方式

请看该实例：请点击我

本实例虽然能全选和取消全选，但全选后不能触发任何事件。

从本例知道，全选框标签的

ng-model="all"

可以控制所有标签含有

ng-checked="all"

的单选框。

2.点击函数。

点击全选框后，所有单选框值为true，再点，则全为false

var isAllSeclected = true;
$scope.checkAll = function() {
	for(var i = 0; i < $scope.list.length; i++) {
		if(isAllSeclected){
			$scope.list[i].chk = true;
		}else{
			$scope.list[i].chk = false;
		}
	}
	isAllSeclected=!isAllSeclected;
};

注：isAllSeclected初始值为true，点一次全选框后，所有子单选框全为true，然后isAllSeclected为false。

3.单选框的值

<input type="checkbox" name="chk" ng-model="item.chk" ng-checked="all">

ng-model即为判断值，初始值为空，选中为true，取消选中为false

4.调用函数的全选框

<input type="checkbox" ng-model="all" ng-click="checkAll()">

综述：

加油少年！这没什么难的，继续加油，我们的征途是星辰大海~！