угловой js: предотвратить Bootstrap Modal от исчезновения при нажатии снаружи или нажатии escape?


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

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

enter image description here

3   51   2014-01-16 12:32:00

3 ответа:

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

backdrop: 'static'

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

например:

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

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

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

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

пример:

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

посмотреть документы дополнительные информация.

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

попробуй:

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