angular js:防止Bootstrap Modal在外面点击或按下escape时消失？

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(无背景),'静态' - 背景存在但模态窗口在模态窗口外部单击时不会关闭." - 在http://angular-ui.github.io/bootstrap/#/modal

尝试:

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