¿Cómo se puede alternar el estado del botón en angular.js?

Question

Lo que intento hacer es habilitar el botón de enviar Si todos los cuadros de texto contienen valores en ellos. Deshabilite el botón de enviar de lo contrario. Pero el problema aquí es que el número de cuadros de texto puede variar (dinámico), así que no puedo codificar los modelos en el atributo ng-disabled.

Esto es lo que he probado hasta ahora: http://jsfiddle.net/codef0rmer/6uKAT/

¿Hay algún otro método que debería seguir?

Answer 1

Este es el basic idea.

<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> 

Answer 2

Quiere usar la validación. http://docs.angularjs.org/api/ng.directive:form

Ponga todo el campo de entrada con atributos required, luego cualquier elemento de entrada vacío sería que invalidaría el formulario. Si no es válido, deshabilite el botón con ng-disable.