angularjs - 在表单上使用 ng-disabled 和 $invalid 时是否需要 ng-model？

Question

我正在使用 AngularJS 并有一个表单，如果未填写某些字段，我希望在其中禁用“提交”按钮。

标准方法似乎如下:

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" ng-model="form.name" required>
    <input type="submit" ng-disabled="myForm.name.$invalid">
</form>

http://jsfiddle.net/YMSRU/

但是，如果我从输入字段中省略模型，则验证不起作用，并且我的输入字段不需要任何模型(我使用 ngUpload 指令提交表单，因此它实际上被发送到 iframe 中的表单操作) .

是否有任何解决方案，或者我应该添加随机模型来使验证工作？这似乎是一个糟糕的解决方法。

Answer 1

你可以简单地做 invalid在表单级别检查，则无需为每个输入定义模型:

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" required>
    <input type="submit" ng-disabled="myForm.$invalid">
</form>