Угловой пользовательский интерфейс Bootstrap Modal - как предотвратить взаимодействие пользователя

Question

В моем текущем usecase я пытаюсь использовать модальное окно с угловым ui, чтобы показать прогресс вычислений, который мы делаем в фоновом процессе, который мы отключим по завершении.

Все работает хорошо. Я просто хочу отключить пользователя, щелкнув любой элемент в фоновом режиме.

Любая идея, как мы можем это сделать?

Answer 1

Вы можете пройти следующие параметры, при открытии модального окна, чтобы запретить пользователям закрывать окно:

• backdrop: 'static' - топ запретить пользователям закрывать модальное на фоне мыши
• keyboard: false - так что пользователи не может закрыть окно, нажав ESC

Полная документация здесь: http://angular-ui.github.io/bootstrap/#/modal

Answer 2

Я просто хочу добавить пример с кодом и продлить ответ pkozlowski.opensource, . Посмотрите этот пример:

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'); 
    });