angular.js에서 버튼의 상태를 전환하는 방법?

angular.js에서 버튼의 상태를 전환하는 방법?

모든 텍스트 상자에 값이 포함되어 있는 경우 제출 단추를 사용하도록 설정합니다.그렇지 않으면 제출 단추를 비활성화합니다.그러나 여기서 문제는 텍스트 상자의 수가 다를 수 있기 때문에(다이나믹) 모델을 하드코딩할 수 없다는 것입니다.ng-disabled기여하다.

이것이 제가 지금까지 시도한 것입니다: http://jsfiddle.net/codef0rmer/6uKAT/

제가 따라야 할 다른 접근법이 있습니까?

이것이 기본적인 생각입니다.

<form name="myForm">
     Item1: <input ng-model="item1" required/><br/>
     Item2: <input ng-model="item2" required/><br/>
     Item3: <input ng-model="item3" required/><br/>
     <button type="submit" ng-disabled="myForm.$invalid">Submit</button>
</form>

유효성 검사를 사용하려고 합니다.http://docs.angularjs.org/api/ng.directive:form

모든 입력 필드를 다음과 같이 입력합니다.required속성, 그러면 빈 입력 요소는 양식을 무효로 만듭니다.유효하지 않은 경우 다음과 같이 버튼을 비활성화합니다.ng-disable.

언급URL : https://stackoverflow.com/questions/12853512/how-to-toggle-buttons-state-in-angular-js