AngularJS directive for bootstrap-switch

html

<div class="switch" bootstrap-switch state="user.isAdmin">
    <input type="checkbox" />
</div>

module

module.directive('bootstrapSwitch', function() {
    return {
        restrict:'A',
        scope: {
            state: '='
        },
        link: function(scope, element, attrs) {
            $(element).bootstrapSwitch();
            $(element).bootstrapSwitch('setState', attrs.bootstrapSwitch);
            $(element).on('switch-change', function (e, data) {
                scope.$apply(function(){
                    scope.state = data.value;
                });
            });
        }
    }
});