fix(typeahead): reset errors when clearing

- Reset validation errors when clearing

Closes #5641

Author: mabi

Diff for: src/typeahead/test/typeahead.spec.js

@@ -202,7 +202,7 @@ describe('typeahead tests', function() {
 
 
     it('should support changing min-length', function() {
-        $scope.typeAheadMinLength = 2;	
+        $scope.typeAheadMinLength = 2;
         var element = prepareInputEl('<div><input ng-model="result" uib-typeahead="item for item in source | filter:$viewValue" typeahead-min-length="typeAheadMinLength"></div>');
 
         changeInputValueTo(element, 'b');
@@ -299,6 +299,22 @@ describe('typeahead tests', function() {
         expect(inputEl.val()).toEqual('');
     });
 
+    it('should clear errors after blur for typeahead-editable="false"', function () {
+      var element = prepareInputEl(
+        '<div><form name="form">' +
+          '<input name="input" ng-model="result" uib-typeahead="item for item in source | filter:$viewValue" typeahead-editable="false">' +
+        '</form></div>');
+      var inputEl = findInput(element);
+
+      changeInputValueTo(element, 'not in matches');
+      expect($scope.result).toEqual(undefined);
+      expect(inputEl.val()).toEqual('not in matches');
+      inputEl.blur();
+
+      expect($scope.form.input.$error.editable).toBeFalsy();
+      expect($scope.form.input.$error.parse).toBeFalsy();
+    });
+
     it('should clear view value when no value selected for typeahead-editable="false" typeahead-select-on-blur="false"', function () {
         var element = prepareInputEl('<div><input ng-model="result" uib-typeahead="item for item in source | filter:$viewValue" typeahead-editable="false" typeahead-select-on-blur="false"></div>');
         var inputEl = findInput(element);

Diff for: src/typeahead/typeahead.js

@@ -442,6 +442,9 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.debounce', 'ui.bootstrap
       }
       if (!isEditable && modelCtrl.$error.editable) {
         modelCtrl.$viewValue = '';
+        // Reset validity as we are clearing
+        modelCtrl.$setValidity('editable', true);
+        modelCtrl.$setValidity('parse', true);
         element.val('');
       }
       hasFocus = false;