Change textbox value through blur event

Directive is used to set value of textbox

by Jscaptcha

HTML

<div ng-app='myApp' ng-controller='myCtrl'>
     <input type='text'  ng-model='currentValue' focus-directive >
     {{currentValue}}
</div>

JavaScript

var myApp =angular.module('myApp',[]);
function myCtrl($scope)
{	
    $scope.currentValue= 50;
}
myApp.directive('focusDirective',function($timeout,$parse){
                return{
                	restrict :'A',
                    scope:{
                    	'ngModel':'='
                    },
                    link:function(scope,ele,attr)
                    {
                        scope.$watch('ngModel', function (val) {
              					  ele.val(val);
            		    });
                        ele.bind("blur",function(e){
                    	$timeout(function(){
                            	if(ele.val()=='')
                                {
                                    ele.val(0);
                            		scope.ngModel=0;
                                }
                            	else
                                {
                                    ele.val(parseInt(ele.val())+6);
                            		scope.ngModel=ele.val();
                                }
                		},0)
                        });
						
					    ele.bind("focus",function(e){
                    	$timeout(function(){                          		
                		   },0)
                        });
                    }
                }
 })