웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
AngularJS의 ngChecked 디렉티브에 대하여 알아봅니다.
# ngChecked 디렉티브
ngChecked 디렉티브는 input 태그등에 사용하는 checked 속성의 상태를 적용합니다. 예를들어 체크박스, 라디오박스 체크상태 등을 보여줄 수 있습니다.
만약 html 코드에 나타날 체크박스가 체크상태로 나타나야 하는 경우 이를 아래와 같이 사용할 수 있습니다.
isChecked라는 변수값이 true이므로 이를 html의 input 태그에 적용합니다. 아래의 코드를 봐주세요.
이제 변수에 따라 input 태그의 체크박스를 체크하거나 언체크하는 것이 가능합니다. 라디오버튼 역시 동일하게 사용 가능합니다.
# ngChecked 디렉티브
ngChecked 디렉티브는 input 태그등에 사용하는 checked 속성의 상태를 적용합니다. 예를들어 체크박스, 라디오박스 체크상태 등을 보여줄 수 있습니다.만약 html 코드에 나타날 체크박스가 체크상태로 나타나야 하는 경우 이를 아래와 같이 사용할 수 있습니다.
$scope.isChecked = true;
isChecked라는 변수값이 true이므로 이를 html의 input 태그에 적용합니다. 아래의 코드를 봐주세요.
<input type="checkbox" ng-checked="isChecked" />
이제 변수에 따라 input 태그의 체크박스를 체크하거나 언체크하는 것이 가능합니다. 라디오버튼 역시 동일하게 사용 가능합니다.
아래의 글도 찾고 계시지 않나요?