Angular modal-backdrop issue

Question

I am using angular-bootstrap modal but I have an issue with modal-backdrop. I am new to angular-bootstrap, and I hope anyone can help me.

When I click on modal-backdrop it's hiding the modal popup, but I would like to keep the modal-backdrop until click cancel.

modal popup code is here

any one please suggest the solution for this.

Thanks

Answer 1

If you use the Angular UI Bootstrap modal you can set backdrop to static (→ backdrop is present but modal window is not closed when clicking outside of the modal window):

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

See plunker.

Answer 2

There are main two property backdrop and keyboard in every model window.

• Backdrop property In you can set two property backdrop = 'static' Clicking outside of model window,model window will not get closed with background will be grayed out.
  backdrop = 'false' Clicking outside of model window,model window will not get closed but background will not be grayed out. backdrop = 'true' Clicking outside window, model window will get closed.

• keyboard property keyboard = 'false' By pressing esc key model window will not get closed.
  keyboard = 'true' By pressing esc key model window will get closed.