Jak zmienić stan przycisku w pliku angular.js?

Question

Co próbuję zrobić, to włączyć przycisk przesyłania Jeśli wszystkie pola tekstowe zawierają w nich wartości. W przeciwnym razie wyłącz przycisk przesyłania. Problem w tym, że liczba pól tekstowych może być różna (dynamiczna), więc nie mogę kodować modeli w atrybucie ng-disabled.

To co próbowałem dotąd: http://jsfiddle.net/codef0rmer/6uKAT/

Czy istnieją inne podejście powinno śledzę?

Answer 1

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

Chcesz użyć sprawdzania poprawności. http://docs.angularjs.org/api/ng.directive:form

Umieść całe pole wejściowe z atrybutami required, a następnie pusty element wejściowy sprawi, że formularz będzie nieprawidłowy. Jeśli jest nieważny, wyłącz ten przycisk za pomocą ng-disable.