angular js: outside를 클릭하거나 excape를 누를 때 부트스트랩 모달의 소실을 방지하시겠습니까?

angular js: outside를 클릭하거나 excape를 누를 때 부트스트랩 모달의 소실을 방지하시겠습니까?

모달에 각도 부트스트랩을 사용하고 있습니다.단, 모달 외부를 클릭하거나 이스케이프 키를 눌렀을 때 팝업 해제를 방지하는 것이 요구됩니다.

각 부트스트랩 사이트의 튜토리얼을 팔로우했습니다.http://angular-ui.github.io/bootstrap/

용도:

backdrop: 'static'

backdrop- 배경의 존재를 제어합니다.허용되는 값: true(기본값), false(배경 없음), 'static' - 배경이 있지만 모달 창 밖을 클릭해도 모달 창이 닫히지 않습니다.

예를 들어 다음과 같습니다.

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

둘 다 추가backdrop: static그리고.keyboard: false를 선택합니다.첫 번째 버튼은 배경클릭을 디세블로 하고 두 번째 버튼은 이스케이프 키를 디세블로 합니다.

backdrop: 'static'- 배경이 표시되지만 모달 창 밖을 클릭해도 모달 창이 닫히지 않습니다.

keyboard- ESC 키를 눌러 대화상자를 닫을지 여부를 나타냅니다.기본값은 true 입니다.

예:

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

상세한 것에 대하여는, 문서를 참조해 주세요.

"배경 - 배경의 존재를 제어합니다.허용되는 값: true(기본값), false(배경 없음), 'static'(배경 없음) - 배경은 있지만 모달 창 밖을 클릭해도 모달 창이 닫히지 않습니다." - http://angular-ui.github.io/bootstrap/#/modal에서

시험:

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

언급URL : https://stackoverflow.com/questions/21156785/angular-js-prevent-bootstrap-modal-from-disappearing-when-clicking-outside-or-p