currency-input-directive.js

.directive("currencyInput", ['$filter', '$timeout', function ($filter, $timeout) {
      return {
        replace: false,
        restrict: "A",
        require: "?ngModel",
        link: function (scope, element, attrs, ngModel) {
          if (!ngModel) {
            return;
          }

          /**
           * Handlers
           */

          element.on('focus', function () {
            ngModel.$viewValue = ngModel.$modelValue;
            ngModel.$render();

          });

          element.on('blur', function () {
            var filteredValue = $filter('currency')(ngModel.$modelValue);
            if (filteredValue) {
              ngModel.$viewValue = filteredValue;
              ngModel.$render();
            }
          });

          ngModel.$render = function () {
            element.val(ngModel.$viewValue);
          };

          ngModel.$parsers.unshift(function(value) {
            ngModel.$setValidity('$invalid', !!$filter('currency')(value));

            return value;
          });

          /**
           * Init
           */

          $timeout(function () {
            element.trigger('blur');
          });
        }
      };
    }])