当表单中存在任何自定义 ng-message 错误时，是否可以禁用 angular js 中的按钮？

Is it possible to disable a button in angular js when there are any custom ng-message errors present in the form?

如果表单中存在任何错误消息而不是 'required'、'min-length' 等内置错误（例如验证条件），是否可以禁用表单中的按钮？

希望以下内容对您有所帮助

  1. 如果您使用 $scope.formName.$setValidity('errName', false); 设置自定义错误，那么您可以使用 formName.$error.errName 作为 ng-disabled
    2. 中的条件

在 JS 中，

$scope.formName.$setValidity('errName', false);//invalidate the form

您可以在需要时将错误设置为真。

在HTML,

<button type="button" ng-disabled="formName.$error.err">Button</button>
  1. 您可以使用标志并在出错时将其切换为 true 并在 ng-disabled 中使用该标志

在 JS 中，

$scope.disableBtn = true; //whenever button is to be disabled.

在HTML,

<button type="button" ng-disabled="disableBtn">Button</button>

更新：添加 plunker link https://plnkr.co/edit/5CFpFMAnZ8kkBh5z5vH4?p=preview