fix:(input) asynchronous ng-model blur

If the model is blurred during an apply it should trigger the $touched
asynchronously.

Fixes angular#8762

Author: alexanderchan

src/ng/directive/input.js

@@ -2460,9 +2460,14 @@ var ngModelDirective = function() {
           element.on('blur', function(ev) {
             if (modelCtrl.$touched) return;
 
-            scope.$apply(function() {
-              modelCtrl.$setTouched();
-            });
+            var onBlurSetTouched = function() {
+                modelCtrl.$setTouched();
+            };
+            if (scope.$$phase) {
+                scope.$evalAsync(onBlurSetTouched);
+            } else {
+                scope.$apply(onBlurSetTouched);
+            }
           });
         }
       };

test/ng/directive/inputSpec.js

@@ -1144,6 +1144,32 @@ describe('ngModel', function() {
     dealoc(element);
   }));
 
+  it('should digest asynchronously on "blur" event if a apply is already in progress',
+      inject(function($compile, $rootScope) {
+
+    var element = $compile('<form name="myForm">' +
+                             '<input name="myControl" ng-model="value" >' +
+                           '</form>')($rootScope);
+    var inputElm = element.find('input');
+    var control = $rootScope.myForm.myControl;
+
+    $rootScope.$apply(function() {
+        expect(control.$touched).toBe(false);
+        expect(control.$untouched).toBe(true);
+
+        browserTrigger(inputElm, 'blur');
+
+        expect(control.$touched).toBe(false);
+        expect(control.$untouched).toBe(true);
+    });
+
+    expect(control.$touched).toBe(true);
+    expect(control.$untouched).toBe(false);
+
+    dealoc(element);
+  }));
+
+
   it('should register/deregister a nested ngModel with parent form when entering or leaving DOM',
       inject(function($compile, $rootScope) {