web-dev-qa-db-ja.com

angular js：Prevent Bootstrap=外部をクリックするかエスケープを押すと、モーダルが消えないようにしますか？

angular bootstrap=を使用してモーダルを表示します。ただし、モーダルの外側をクリックしたとき、またはエスケープキーが押された。

angular bootstrap site： http://angular-ui.github.io/bootstrap/ のチュートリアルに従いました。

enter image description here

javascriptangularjsangular-uiangular-bootstrap
57
Vinodh

つかいます：

backdrop: 'static'

backdrop-背景の存在を制御します。許可される値：true（デフォルト）、false（背景なし）、 'static'-背景は存在しますが、モーダルウィンドウの外側をクリックしてもモーダルウィンドウは閉じられません。

例えば：

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

両方を追加backdrop: staticおよびkeyboard: falseモーダルオプション。 1つ目はバックグラウンドクリックを無効にし、2つ目はエスケープキーを無効にします。

backdrop: 'static'-背景は存在しますが、モーダルウィンドウの外側をクリックしてもモーダルウィンドウは閉じられません。

keyboard-ESCキーを押すことでダイアログを閉じることができるかどうかを示します。デフォルトはtrueです。

例：

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

ドキュメントを参照 詳細については。

39
theDmi

"backdrop-背景の存在を制御します。許可される値：true（デフォルト）、false（背景なし）、 'static'-背景は存在するがモーダルモーダルウィンドウの外側をクリックしてもウィンドウは閉じられません。」 -in http://angular-ui.github.io/bootstrap/#/modal

試してください：

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