javascript - angular js：防止Bootstrap Modal在单击外部或按退出时消失？

Question

我正在使用角度引导来呈现模态。但我的要求是在模式外单击或按下退出键时防止弹出窗口消失。

我按照角度引导站点上的教程进行操作：http: //angular-ui.github.io/bootstrap/

Answer 1

利用：

backdrop: 'static'

backdrop- 控制背景的存在。允许的值：true（默认）、false（无背景）、'static' - 背景存在，但在模式窗口外部单击时不会关闭模式窗口。

例如：

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

Answer 2

backdrop: static将和添加keyboard: false到您的模态选项中。第一个禁用背景点击，第二个禁用退出键。

backdrop: 'static'- 在模态窗口外单击时，存在背景，但模态窗口未关闭。

keyboard- 指示对话框是否应通过按 ESC 键关闭，默认为 true。

例子：

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

有关更多信息，请参阅文档。

Answer 3

“背景- 控制背景的存在。允许的值：true（默认）、false（无背景）、'static' - 背景存在，但在模式窗口外部单击时不会关闭模式窗口。” - 在http://angular-ui.github.io/bootstrap/#/modal

尝试：

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