redefine certain directives to update model on blur instead of keydown

gistfile1.js

/*global angular*/

/**
 * Include this module if you want text boxes to update on blur instead of on keydown/input/change.
 */
(function () {
    'use strict';

    var blur = angular.module('decBlurModel', []);

    /**
     * Overrides the 'input' directive to update on blur instead of keydown.
     * For this view we want to save the campaign whenever somebody blurs
     * out of an input or whatever.  Otherwise we'd be hitting the server
     * every keystroke.
     */
    var directive = ['$parse', function ($parse) {
        return {
            restrict: 'E',
            require: '?ngModel',
            link: function (scope, elm, attr, ngModel) {
                var model;
                if (!ngModel) {
                    return;
                }
                elm.off('input').off('keydown').off('change');
                elm.on('blur', function () {
                    scope.$apply(function () {
                        ngModel.$setViewValue(elm.val());
                    });
                });

                // if we have a case where we want to actually use this keydown stuff while this directive is in use
                // we need to find away around it.  we can supply a model to update on every keydown that is not the
                // default ng-model, then get our value from that when appropriate.
                if (attr.updateOnKeydown) {
                    model = $parse(attr.updateOnKeydown);
                    elm.on('input keydown change', function () {
                        scope.$apply(function () {
                            model.assign(scope, elm.val());
                        });
                    });
                }
            }
        };
    }];

    blur.directive('input', directive);
    blur.directive('textarea', directive);

})();