Angular UI Bootstrap Modal - как предотвратить взаимодействие с пользователем

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

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

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

Ответы

Ответ 1

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

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

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

Ответ 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');
  });