angularjs - angular.jsでボタンの状態を切り替えるには?

Question

私がやろうとしているのは、すべてのテキストボックスに値が含まれている場合に送信ボタンを有効にすることです。それ以外の場合は、送信ボタンを無効にします。しかし、ここでの問題は、テキストボックスの数が (動的に) 変化する可能性があるため、ng-disabled属性でモデルをハードコーディングできないことです。

これは私がこれまでに試したことです: http://jsfiddle.net/codef0rmer/6uKAT/

私が従うべき他のアプローチはありますか？

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

Answer 2

検証を使用します。 http://docs.angularjs.org/api/ng.directive:form

すべての入力フィールドにrequired属性を入力すると、空の入力要素があるとフォームが無効になります。無効な場合は、でボタンを無効にしますng-disable。