Angular Bootstrap Modal leaves backdrop open

Question

I\'m using AngularUI to integrate Bootstrap components in my Angular 1.4 app, such as Modals.

I\'m calling a Modal in my controller like so:

var mod         


        

Answer 1

Until the team gets this sorted here is a work around.

    OK
    Cancel


/*global angular */
(function () {
'use strict';
angular.module('CorvetteClub.removemodal.directive', [])
.directive('removeModal', ['$document', function ($document) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.bind('click', function () {
                $document[0].body.classList.remove('modal-open');
                    angular.element($document[0].getElementsByClassName('modal-backdrop')).remove();
                    angular.element($document[0].getElementsByClassName('modal')).remove();
                });
            }
        };
    }]);
}());

Unfortunately it appears that the team is not on the same page concerning this issue as it was pushed to a separate thread by a contributor and then the thread it was pushed to was closed by another as it was considered "off topic" by another.