首页 / JAVASCRIPT / javascript – AngularJS表格ng-attr

javascript – AngularJS表格ng-attr

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS表格ng-attr，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1222字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试在表单无效时禁用按钮：

我没有任何帮助我尝试了以下

<form name="someForm" id="someForm">    
   <input type="submit" ng-attr-disabled="{{someForm.$valid}}" />
</form>

和

   <input type="submit" ng-attr-disabled="someForm.$valid" />

它们都不起作用,我做错了吗？

我可以使用它来工作：

            <input type="submit" ng-show="someForm.$valid" />
            <input type="submit" ng-hide="someForm.$valid" disabled />

但它似乎错了:-(

我应该如何使用ng-attr指令访问表单并在表单无效时设置disabled属性？

解决方法:

你可以使用ng-disabled指令.

<input type="submit" ng-disabled="someForm.$valid" />

当你执行ng-attr-disabled =“{{someForm.$valid}}”时会发生什么,它会将属性设置为disabled =“true”或disabled =“false”,这意味着禁用属性仍然存在,无论是否为真/ false,它将始终禁用按钮. disabled属性(如果存在)将禁用输入,必须完全不存在才能启用它. ng-disabled属性清楚地处理它.禁用的属性可以设置为true / false,而不是禁用属性.

您还需要为表单内的任何输入(不是按钮)添加ng-model和名称,以便将其添加到formcontroller.

演示

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
<div ng-app>
  <form name="someForm" novalidate>

    <input type="text" name="mod" ng-model="mod" required />
    <input type="submit" ng-disabled="someForm.$invalid" />
  </form>
</div>

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS表格ng-attr全部内容，希望文章能够帮你解决javascript – AngularJS表格ng-attr所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/808197.html

来源：【匿名】