窗体 – 当窗体无效时使用AngularJS禁用提交按钮

前端之家收集整理的这篇文章主要介绍了窗体 – 当窗体无效时使用AngularJS禁用提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样的形式:
  1. <form name="myForm">
  2. <input name="myText" type="text" ng-model="mytext" required />
  3. <button disabled="{{ myForm.$invalid }}">Save</button>
  4. </form>

您可能会看到,如果输入为空,则按钮将被禁用,但是当其包含文本时不会更改为启用。如何使它工作?

您需要使用表单的名称,以及ng-disabled: Here’s a demo on Plunker
  1. <form name="myForm">
  2. <input name="myText" type="text" ng-model="mytext" required />
  3. <button ng-disabled="myForm.$invalid">Save</button>
  4. </form>

猜你在找的Angularjs相关文章