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

Question

使用角度引导来呈现模态。但我的要求是在模态外部单击或按下退出键时阻止弹出解除。

我按照角度引导网站上的教程：http://angular-ui.github.io/bootstrap/

Answer 1

使用：

backdrop: 'static'

  

backdrop - 控制背景的存在。允许的值：true   （默认），false（无背景），'静态' - 背景存在但是   单击模态窗口外部时，模态窗口未关闭。

例如：

$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
})

See the docs了解更多信息。

Answer 3

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

尝试：

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