How to catch backdrop click event when clicked out of angular ui bootstrap modal?

Question

In my application, it is using $modal.open() function to open a modal popup which is using another page as a template. While clicking the button, it is showing the

Answer 1

You can use

backdrop: 'static'

in your options. Like this:

var modalInstance = $modal.open({
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    backdrop: 'static',
    ...
});

The Bootstrap 3.0 Documentation explains that backdrop: 'static' specifies a backdrop that doesn't dismiss the modal on click.