Blur directive in AngularJS

There is no native support for blur event in AngularJS. With this directive you can handle blur event in your AngularJS controllers:

Module.directive('ng-blur', function() {
 return {
 restrict: 'A',
 link: function postLink(scope, element, attrs) {
 element.bind('blur', function () {
 scope.$apply(attrs.ngBlur);
 });
 }
 };
 });

And use it in html template:

<input type="text" ng-blur="handleInputBlur()"></input>

And handle it in controller:

$scope.handleInputBlur = function(){
 // do some action here
}

@0xAX

Related protips

Have a fresh tip? Share with Coderwall community!