title: Using ng-blur in custom directive
body: <p>I am having problems with using <code>ng-blur</code> in a custom directive. What I want is to be able to make a component that can handle any type of function sent into the <code>ng-blur</code> attribute on the directive.</p>
  
  <p>Here is the directive example:</p>
  
  <pre><code>&lt;az-dir ng-blur="change()" lid="test" ng-model="obj.test"&gt;&lt;/az-dir&gt;
  </code></pre>
  
  <p>Javascript directive</p>
  
  <pre><code>app.directive('azDir', azDir);
  function azDir() {
    return {
      restrict: 'E',
      scope: {
        ngModel: '=',
        ngBlur: '=',
        lid: '@'
      },
      templateUrl: 'directive.html',
      replace: true,
      require: 'ngModel'
    };
  }
  </code></pre>
  
  <p>Simple angular controller:</p>
  
  <pre><code>var app = angular.module('ashtest', []);
  
  app.controller('TopCtrl', ['$scope',
    function($scope) {
  
      $scope.obj = {
        test: "Ashkan"
      };
  
      $scope.change = function() {
        $scope.obj.test = "changedThis";
      }
  
  
    }
  ]);
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/rvmSv1xCoEp8GlVgR9Qn" rel="nofollow">My Plunker Sample</a></p>