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

前端之家收集整理的这篇文章主要介绍了angularjs – 在表单上使用ng-disabled和$invalid时是否需要ng-model?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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中的表单操作) .

有没有解决方案,还是应该添加随机模型才能使验证工作?这似乎是一个糟糕的解决方法.

您可以在表单级别执行无效检查,然后无需为每个输入定义模型:
<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" required>
    <input type="submit" ng-disabled="myForm.$invalid">
</form>

猜你在找的Angularjs相关文章