체크 박스
체크 박스
체크 박스에는 true또는 값이 false있습니다. ng-model지시문을 확인란에 적용하고 응용 프로그램에서 해당 값을 사용합니다.
예
확인란을 선택하면 머리글 표시 :
<form>
Check to show a header:
<input type="checkbox" ng-model="myVar">
</form>
<h1 ng-show="myVar">My Header</h1>
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<form>
Check to show a header:
<input type="checkbox" ng-model="myVar">
</form>
<h1 ng-show="myVar">My Header</h1>
</div>
<p>The header's ng-show attribute is set to true when the checkbox is checked.</p>
</body>
</html>
체크 박스에는 true또는 값이 false있습니다. ng-model지시문을 확인란에 적용하고 응용 프로그램에서 해당 값을 사용합니다.
예
확인란을 선택하면 머리글 표시 :
<form>
Check to show a header:
<input type="checkbox" ng-model="myVar">
</form>
<h1 ng-show="myVar">My Header</h1>
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<form>
Check to show a header:
<input type="checkbox" ng-model="myVar">
</form>
<h1 ng-show="myVar">My Header</h1>
</div>
<p>The header's ng-show attribute is set to true when the checkbox is checked.</p>
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인