부트 스트랩 모달이 이미 열려 있는지 확인하십시오.

Question

모달 창이 열려 있는지 어떻게 확인할 수 있습니까?

은 내가 this.modalReminderInstance.isOpen

Answer 1

같은 네이티브 속성을 찾을 수없는이

modalInstance: NgbModalRef; 

같은 속성을 정의하고이

this.modalInstance = this.modalService.open(UpdateModalContent); 

같은 모달를 인스턴스화 할 때 설정 modalInstance 그 모달이 올라간 동안 promise를 반환합니다. 약속은 pending으로 설정됩니다. 모달이 닫히면 약속 상태가 설정됩니다. o 해결되었거나 거절 됨. 약속이 해결/거부 될 때 .then 메서드에서 처리기 중 하나가 실행됩니다.

열 :

var isModalOpen = false; 
function openModal() { 
    isModalOpen = true; 
    modalInstance = $uibModal.open({...}) 
     .result.then(function() { 
      // do something when resolved 
     }); 
} 

또 다른 방법은 .open 당신

오픈 방법은 모달 경우, 다음과 같은 속성을 가진 객체를 반환 제공하는 콜백 메소드 활용하는 것입니다 (유형 : 약속) - 콘텐츠 템플릿을 다운로드하고 모든 변수를 확인한 후 모달을 열면 해결됩니다.

closed (Type : promise) - 모달이 닫히고 애니메이션이 완료되면 해결됩니다. 당신이 모달을 열고 열려인지 여부를 확인하려면이 변수를 확인할 때

var isModalOpen = false; 

function openModal() { 
    var modalInstance = $uibModal.open({...}); 

    modalInstance.opened.then(function() { 
      isModalOpen = true; 
     }); 

    modalInstance.closed.then(function() { 
      isModalOpen = false; 
     }); 
}