ng-сообщение исчезает при изменении $error во время анимации

Question

У меня есть форма с пользовательским асинхронным валидатором. Я понял, что иногда сообщение об ошибке исчезает, даже если значение в поле ввода недопустимо.

Мне удалось воспроизвести проблему с помощью обычного валидатора: пример кода

HTML:

<div ng-app="app" ng-controller="FormController" layout-padding>
  <form name="inputForm">
    <md-input-container>
      <input type="text" name="inputValue" custom-validator ng-model="model.value" />
      <label>input value</label>
      <div ng-messages="inputForm.inputValue.$error">
        <div ng-message="custom-validator">This field is invalid</div>
      </div>
    </md-input-container> 
    <div>inputForm.inputValue.$error = {{inputForm.inputValue.$error | json}}</div>
</div>

JS:

var app = angular.module('app', ['ngMaterial', 'ngMessages']);

app.controller('FormController', ['$scope', function($scope) {
  $scope.model = {
    value: '',
    asyncValue: ''
  }
}]);

app.directive('customValidator', function() {
  return {
    require: 'ngModel',
    link: function (scope, element, attr, ctrl) {
      ctrl.$validators['custom-validator'] = function(model, view) {
        return (model.length % 2) == 0;
      }
    }
  }
})

Когда я набираю значение slow, сообщение об ошибке корректно появляется и исчезает. Но когда я печатаю быстро, сообщение об ошибке выдает ошибку, даже если ввод неверен. Кажется, что проблема возникает, когда значение $error изменяется, пока анимация сообщения об ошибке все еще выполняется.

Что-то я не так сделал?

Answer 1

Это угловая ошибка. Это было исправлено в 1.4.7.