AngularJS Input Directive Formatters

gistfile1.txt

"use strict";

/**
 * @description A simple formatter for <input type="checkbox"> fields.
 * @usage <input type="checkbox" ng-model="myCheckbox" boolean>
 */
angular.module("clls").directive("boolean", function() {
    return {
        require: "ngModel",
        link: function(scope, element, attrs, ngModel) {
            ngModel.$formatters.push(function(value) {
                return !! value;
            });
        }
    };
});

/**
 * @description A simple number formatter for <input type="text"> fields.
 * @usage <input type="text" ng-model="myModel" number>
 */
angular.module("clls").directive("number", function() {
    return {
        require: "ngModel",
        link: function(scope, element, attrs, ngModel) {
            ngModel.$parsers.push(function(value) {
                return "" + value || 0;
            });
            ngModel.$formatters.push(function(value) {
                return parseFloat(value || 0, 10);
            });
        }
    };
});