AngularJS를 통해 요소 비활성화

Question

DOM 요소 (컨트롤러에 할당 한 요소의 하위 요소)가 있는데 클래스 "ianctive"를 추가하면 요소가 보이지 않게됩니다 (회색으로 표시됨) 해당 요소에서 모든 AngularJS 상호 작용을 비활성화합니다 (이 경우 클릭 및 모든 입력).

Answer 1

활성화/비활성화 상태를 추적하는 모델 속성을 정의한 다음 모든 ng-disable 지시문을 모든 양식 요소에 추가합니다. ng-click을하려면 표현식을 수정하여이 새 모델 속성을보고 아무것도 수행해야하는지 결정하십시오.

예를 들어, 새 모델 속성 인 경우 $ scope.inactive :

<input type="text" ng-disabled="inactive" ng-model="..."> 
<a ng-click="inactive || (prop1=prop1 + 1)">click to increase</a> {{prop1}} 

Fiddle