Angular modal-backdrop issue

28.4k views Asked by At

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

2

There are 2 answers

2
Reto Aebersold On

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.

0
stackinfostack On

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.