如何在angularjs中切换按钮状态？

Question

我要做的是启用提交按钮如果所有文本框都包含值。否则禁用提交按钮。但问题是文本框的数量可能会有所不同（动态），因此我无法在ng-disabled属性中对模型进行硬编码。

这是我到目前为止所尝试的：http://jsfiddle.net/codef0rmer/6uKAT/

我应该遵循其他方法吗？

Answer 1

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

您想要使用验证。 http://docs.angularjs.org/api/ng.directive:form

将所有输入字段放入required属性，然后任何空输入元素 使表格无效。如果无效，请使用ng-disable停用该按钮。