Angular js: Предотвращение исчезновения Bootstrap Modal при нажатии снаружи или нажатии escape?

Используем бутстрап angular для представления модальности. Но мое требование состоит в том, чтобы предотвратить всплывающее увольнение при нажатии вне модальности или при нажатии клавиши выхода.

Я следил за учебником на сайте начальной загрузки angular: http://angular-ui.github.io/bootstrap/

enter image description here

Ответы

Ответ 1

Использование:

backdrop: 'static'

backdrop - контролирует наличие фона. Допустимые значения: true (по умолчанию), false (нет фона), "статический" - фон, но модальное окно не закрывается при нажатии вне модального окна.

Например:

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

Ответ 2

Добавьте оба параметра backdrop: static и keyboard: false к вашим модальным параметрам. Первый отключает фоновый щелчок, второй - клавишу эвакуации.

backdrop: 'static' - присутствует задний фон, но модальное окно не закрывается при нажатии вне модального окна.

keyboard - указывает, должно ли диалоговое окно закрываться нажатием клавиши ESC, по умолчанию установлено значение true.

Пример:

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

Подробнее см. в документах.

Ответ 3

" фон - контролирует наличие фона. Разрешенные значения: true (по умолчанию), false (нет фона)," статический "- задний фон, но модальное окно не закрывается при нажатии за пределами модальное окно". - в http://angular-ui.github.io/bootstrap/#/modal

Try:

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