Modal not closing just hiden

[usman250994]

I am trying to close modal but I am failing to do so. I tried to even trigger modal.element.on() function but it is either not working :( how can I correctly close modal to release page . Currently page is dead/ un clickable. below is my code..

`
(function () {
var app = angular.module("formModule", ['ngRoute','angularModalService']);

app.controller("formController", function($scope,$http,$rootScope,$location,ModalService) {

$scope.BookNow= function()
{

ModalService.showModal({
templateUrl: "views/feature.html",
controller: "featureController"
}).then(function(modal) {

modal.element.modal();
modal.close.then(function(result) {
  console.log(result);
});

});
});
}

});

app.controller("featureController", function($scope,$rootScope,close) {

$scope.close = function(result) {
close(result,500);}

});

})();
`

[zupa94]

$scope.close = function() { $uibModalStack.dismissAll(); };

And your html button for dismissing should have data-dismiss="modal".

[vignesh-vnix]

@zupa94 It not helps me. It does works for you ?

[mskrzypkowski]

See #225 (comment)

[decherneyge]

What does the HTML of your modal look like? Do you have your close actions (X in upper right, close buttons, and background dismissal) wired up to the scope.close in featureController ?

For the background click dismissal see #225 (comment)