Можно ли отключить кнопку в угловых js, если в форме присутствуют какие-либо пользовательские ошибки ng-сообщения?

Question

Можно ли отключить кнопку в форме, когда в форме есть какое-либо сообщение об ошибке, кроме встроенных ошибок, таких как "обязательный", "минимальная длина", таких как проверка условия?

Answer 1

Надеюсь, что следующее поможет

1. Если вы устанавливаете пользовательские ошибки, используя $scope.formName.$setValidity('errName', false);тогда вы можете использовать formName.$error.errName как условие в NG-инвалидов

В JS,

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

При необходимости вы можете установить для ошибки значение true.

В HTML

<button type="button" ng-disabled="formName.$error.err">Button</button>

2. Вы можете использовать флаг и установить его в true при возникновении ошибки и использовать этот флаг в ng-disabled

В JS,

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

В HTML

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

ОБНОВЛЕНИЕ: Добавление плункерной ссылки https://plnkr.co/edit/5CFpFMAnZ8kkBh5z5vH4?p=preview