Close modal multiple buttons

[maeishoj]

Hi, I was wondering why is that if I have more than 1 element with the class specified in "closeEl", only the first element will work!

I want to dismiss the modal both when click on the X in the top right corner and also when click on a button in my modal footer.

Can anyone suggest a way?

[tsnevillecom]

Having the same problem.

[gbelot2003]

I was wandering the same, too bad this project seems death 😢

[kenchandev]

A simple workaround I found to this is to change querySelector to querySelectorAll.

Change this

var closeEl = angular.element(content[0].querySelector(settings.closeEl));

to this

var closeEl = angular.element(content[0].querySelectorAll(settings.closeEl));

When specifying closeEl in $scope.settings, separate the unique identifiers with commas:

Ex:

$scope.settings = {
    closeEl: '.close-x, .close-y',
    scroll: false,
    overlay: {
        templateUrl: '...'
    }
};