AngularJS 1.X Checkbox Directive

directive.md

AngularJS 1.X Checkbox Directive

Will evaluate an expression when checked state is changed. A $checked parameter will be passed to expression with checked state.

<input type="checkbox" checkbox-change="changeMyValue($checked)">

var checkboxChangeDirective = function($parse) {
    return {
        restrict: 'A',
        compile: function($element, attr) {
            var fn = $parse(attr["checkboxChange"], null, true);

            return function ngEventHandler(scope, element) {
                element.change(function() {
                    var checked = this.checked,
                        callback = function() {
                        fn(scope, { $checked: checked });
                    };
                    scope.$apply(callback);
                });
            };
        }
    };
});