toggle menu

[AngularJS] 특정 상황에서 버튼 비활성화

2012. 11. 6. 09:08 AngularJS

특정 조건에서 버튼이 비활성화되는 상황이 필요할 때가 있다.
예를 들어, 전송 버튼을 이미 한차례 누른 뒤에 중복 전송을 막고 싶을 때 전송 버튼을 비활성화시키고 싶을 때를 들 수 있다.

이럴 때 ng-disabled 를 사용해 간단하게 구현할 수 있다.
$scope 상에 submitStatus 라는 변수가 있고, 이 변수가 전송 여부를 가지고 있다면, 아래와 같이 버튼 비활성화를 설정할 수 있다.

<input type="button" value="전송" ng-disabled="!submitStatus">



AngularJS 관련 포스팅 더보기