Как переключить состояние кнопки в angular.js?

То, что я пытаюсь сделать, это включить кнопку отправки. Если все текстовые поля содержат в них значения. Отключите кнопку отправки в противном случае. Но проблема здесь в том, что количество текстовых полей может варьироваться (динамическое), поэтому я не могу жестко задавать модели в атрибуте ng-disabled.

Это то, что я пробовал до сих пор: http://jsfiddle.net/codef0rmer/6uKAT/

Есть ли другой подход, который я должен соблюдать?

Ответы

Ответ 1

Это основная идея.

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

Ответ 2

Вы хотите использовать проверку. http://docs.angularjs.org/api/ng.directive:form

Поместите все поля ввода с атрибутами required, тогда любой пустой элемент ввода будет сделать форму недействительной. Если это неверно, отключите кнопку с помощью ng-disable.