AngularJS의 ngChecked 디렉티브에 대하여 알아봅니다.



# ngChecked 디렉티브

ngChecked 디렉티브는 input 태그등에 사용하는 checked 속성의 상태를 적용합니다. 예를들어 체크박스, 라디오박스 체크상태 등을 보여줄 수 있습니다.

만약 html 코드에 나타날 체크박스가 체크상태로 나타나야 하는 경우 이를 아래와 같이 사용할 수 있습니다.

$scope.isChecked = true;

isChecked라는 변수값이 true이므로 이를 html의 input 태그에 적용합니다. 아래의 코드를 봐주세요.

<input type="checkbox" ng-checked="isChecked" />

이제 변수에 따라 input 태그의 체크박스를 체크하거나 언체크하는 것이 가능합니다. 라디오버튼 역시 동일하게 사용 가능합니다.