제출 버튼으로 확인란을 선택 취소하려고합니다. 체크 박스가 체크되어있는 것을 생각하고, 버튼을 클릭하면 체크 박스가 체크되지 않고 버튼이 숨겨집니다.제출 확인란을 선택 취소하십시오 - AngularJS
HTML 페이지 :
<html ng-app="myApp" ng-controller="myCtrl">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="script.js"></script>
<meta charset=utf-8 />
</head>
<body>
<div ng-repeat="foo in boxes">
<div>
<input type="checkbox" name="cb" id="cb" ng-model="show" />{{foo}}
</div>
<div ng-show="show">
<form ng-submit="submit()">
<input type="submit" name="sumbit" id="sumbit" value="Hide" />
</form>
</div>
</div>
</body>
</html>
JS : Plukner에
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.boxes = ['a','b','c'];
$scope.submit = function(){
$scope.show = false;
}
});
는 : 어떤 도움 http://plnkr.co/edit/z9W0w18dkgYJ3D5Q3aR2?p=preview
감사합니다!
정확히 무엇 :하지만 여기 숨기기 선택 취소 만 "자신의"체크 박스 (
$scope.submit
이제 인덱스 매개 변수를 허용하는 버전)입니다) 당신이 시작UPDATE
를 얻기 위해 충분 그리고 너의 질문? 문제가있는 곳을 설명 할 수 있습니까? 오류가 있습니까? 무슨 일있어? – earthling
제출 버튼으로 확인란의 선택을 취소 하시겠습니까? 제출 기능에서 show on을 false로 설정했지만 ng-model은 show가 false 인 것을 인식하지 못해 선택을 취소합니다. 나는 바른 길에 있습니까, 아니면 다른 방향으로 작용하고 있습니까? – peruta