javascript - prevent - angular js: ¿Evita que Bootstrap Modal desaparezca al hacer clic fuera o al presionar escape?

modal click outside close

Question

Estoy usando el bootstrap angular para presentar un modal. Pero mi requisito es evitar el cierre de ventanas emergentes al hacer clic fuera del modal, o cuando se presiona la tecla de escape.

Seguí el tutorial en el sitio de arranque angular: http://angular-ui.github.io/bootstrap/

Answer 1

" telón de fondo : controla la presencia de un telón de fondo. Valores permitidos: verdadero (predeterminado), falso (sin telón de fondo), ''estático'': el telón de fondo está presente pero la ventana modal no se cierra al hacer clic fuera de la ventana modal." - en http://angular-ui.github.io/bootstrap/#/modal

Tratar:

<div ng-controller="ModalDemoCtrl" data-backdrop="static">
...
</div>

Answer 2

Agrega ambos backdrop: static y keyboard: false a tus opciones modales. El primero desactiva el clic de fondo, el segundo la tecla de escape.

backdrop: ''static'' : el fondo está presente pero la ventana modal no se cierra al hacer clic fuera de la ventana modal.

keyboard : indica si el cuadro de diálogo debe cerrarse presionando la tecla ESC, el valor predeterminado es verdadero.

Ejemplo:

$modal.open({
  templateUrl: ''template.html'',
  controller: TheController,
  backdrop: ''static'',
  keyboard: false
})

Consulte la documentación para obtener más información.

Answer 3

Utilizar:

backdrop: ''static''

backdrop - controla la presencia de un telón de fondo. Valores permitidos: verdadero (predeterminado), falso (sin fondo), ''estático'': el fondo está presente pero la ventana modal no se cierra al hacer clic fuera de la ventana modal.

Por ejemplo:

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