modal dialog - tpls - Angular UI Bootstrap Modal: cómo evitar la interacción del usuario

uib-pagination angularjs

Question

En mi caso de uso actual, estoy tratando de usar la ventana modal de la interfaz angular para mostrar el progreso de los cálculos que hacemos en un proceso en segundo plano que deshabilitamos al finalizar.

Todo funciona bien. Solo quiero deshabilitar al usuario para que no haga clic en ningún elemento del fondo.

¿Alguna idea de cómo podemos hacer esto?

Answer 1

Puede pasar las siguientes opciones, al abrir una ventana modal, para evitar que los usuarios cierren la ventana:

• backdrop: ''static'' : evita que los usuarios cierren un modal al hacer clic en telón de fondo
• keyboard: false - para que los usuarios no puedan cerrar una ventana presionando ESC

Documentación completa aquí: http://angular-ui.github.io/bootstrap/#/modal

Answer 2

Solo quiero agregar un ejemplo con código y extender la respuesta de pkozlowski.opensource. Verifique este ejemplo:

 var modalInstance = $modal.open({
templateUrl: ''/views/registration/loginModal.html'',
controller: LoginModalInstanceCtrl,
windowClass: ''login-modal-window'',
resolve : {
credentials : function(){ return {email :'''', password:''''}; }
},
backdrop: ''static'', /* this prevent user interaction with the background */
keyboard: false
});
modalInstance.result.then(function (res) {
}, function () {
/* cancel */
$state.go(''home'');
});