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。