Angular는 모든 기능을 지원합니다.

1635 단어
demo:
html 
        
{{item.text}}
:{{choseArr}}
js angular.module('apper',[]).controller('CheckboxCtrl',['$scope','$filter',function($scope,$filter){ $scope.chkall = false; $scope.chkArr = [ {id: 1, text: " ",checked: false}, {id: 2, text: " ",checked: true}, {id: 3, text: " ",checked: false}, {id: 4, text: " ",checked: false} ]; $scope.chkAll = function(checked){ angular.forEach($scope.chkArr, function(value, key){ value.checked = checked; }); }; $scope.$watch('chkArr', function(nv, ov){ if(nv == ov){ return; } $scope.choseArr = []; angular.forEach($filter('filter')(nv, {checked: true}), function(v) { $scope.choseArr.push(v.text); }); $scope.chkall = $scope.choseArr.length == $scope.chkArr.length; }, true); }]);

checked의 상태를 바꾸면 $watch로 $scope를 감청해야 합니다.chkArr 수조의 변화는 수조가 변하면 변화된 값을 다시 가져옵니다.

좋은 웹페이지 즐겨찾기