当表单对AngularJS无效时，禁用提交按钮

小编典典

当表单对AngularJS无效时，禁用提交按钮

angularjs

我有这样的表格：

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>

如您所见，如果输入为空，则该按钮将被禁用，但是当包含文本时，该按钮不会变回启用状态。我该如何运作？

阅读 303

2020-07-04

共1个答案

小编典典

您需要使用表单名称以及ng-disabled：这是Plunker上的演示

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button ng-disabled="myForm.$invalid">Save</button>
</form>

2020-07-04