s.js

app.directive('toggleButton', [function () {

        return {
            restrict: 'E',
            templateUrl: '/App/views/shared/directives/toggle.button.html',
            replace: true,
            scope: {
                model: '=',
                ngDisabled: '='
            },
            link: function ($scope, $element, attrs) {

                $element.bootstrapSwitch();
                $element.bootstrapSwitch('setState', $scope.model);
                
                $element.on('switch-change', function (e, data) {
                    var value = data.value;

                    $scope.model = value;
                });

                $scope.$watch('ngDisabled', function (newValue, old) {

                    if (newValue === old) {
                        return;
                    }

                    $element.bootstrapSwitch('setActive', !newValue);
                }, true);
            }
        };
    }]
);