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()">

綜述：

加油少年！這沒什麼難的，繼續加油，我們的征途是星辰大海~！