angular js : 바깥 쪽을 클릭하거나 Esc 키를 누를 때 Bootstrap Modal이 사라지는 것을 방지 하시겠습니까?

angular js : 바깥 쪽을 클릭하거나 Esc 키를 누를 때 Bootstrap Modal이 사라지는 것을 방지 하시겠습니까?

---

모달을 제시하기 위해 각도 부트 스트랩을 사용하고 있습니다. 그러나 내 요구 사항은 모달 외부를 클릭하거나 이스케이프 키를 눌렀을 때 팝업 해제를 방지하는 것입니다.

각도 부트 스트랩 사이트에서 튜토리얼을 따랐습니다 : http://angular-ui.github.io/bootstrap/

---

사용하다:

backdrop: 'static'

backdrop-배경의 존재를 제어합니다. 허용되는 값 : true (기본값), false (백 드롭 없음), '정적'-배경이 있지만 모달 창 외부를 클릭 할 때 모달 창이 닫히지 않습니다.

예를 들면 :

$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 (배경 없음), '정적'-배경이 있지만 모달 창 외부를 클릭 할 때 모달 창이 닫히지 않습니다." -에서 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