Angular는 모든 기능을 지원합니다.
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 수조의 변화는 수조가 변하면 변화된 값을 다시 가져옵니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.