angularjs：防止Bootstrap莫代尔消失，当点击外面或按逃生？

我使用angular引导来呈现一个模态。 但是我的要求是防止在模式外单击或按下退出键时popup解除。

我遵循angular度bootstrap网站上的教程： http : //angular-ui.github.io/bootstrap/

Answer 1

使用：

backdrop: 'static' 

backdrop – 控制backdrop存在。 允许的值：true（默认值），false（无背景），'static' – 背景存在，但是在模态窗口之外单击时模态窗口不closures。

例如：

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

Answer 2

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

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

keyboard – 指示是否可以通过按ESC键closures对话框，默认为true。

例：

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

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

Answer 3

允许值：true（默认值），false（无背景），'static' – 背景存在，但是在模态窗口之外单击时模态窗口不会closures。 – 在http://angular-ui.github.io/bootstrap/#/modal

尝试：

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