ngModel.$typing

ngModelTyping.js

//solution to http://stackoverflow.com/questions/25098525/angularjs-ngmodel-typing-state-directive/25099654#25099654
//so I'm naming this property $typing (and not just 'typing') because it's that awesome and genious.
//imho this should be in the core of Angularjs

angular.module("myModule").directive('ngModel', ["$timeout", ngModelTyping]);

function ngModelTyping($timeout) {
    return {
        require: 'ngModel',
        link: function (scope, elem, attr, ngModel) {
            var promise;
            var delay = 500;

            ngModel.$typing = false;

            elem.on('keydown', function () {

                ngModel.$typing = true;

                $timeout.cancel(promise);
                promise = $timeout(function () {
                    ngModel.$typing = false;
                }, delay);

                scope.$apply();
            });

            elem.on("blur", function () {
                ngModel.$typing = false;
                scope.$apply();
            });
        }
    }
});