source

Angular UI-Bootstrap에서 모달의 "해체"와 "닫기"의 차이점은 무엇입니까?

itover 2023. 2. 15. 21:52
반응형

Angular UI-Bootstrap에서 모달의 "해체"와 "닫기"의 차이점은 무엇입니까?

모달의 "dismiss"와 모달의 "close"의 차이점은 무엇입니까?

close(result) - a method that can be used to close a modal, passing a result
dismiss(reason) - a method that can be used to dismiss a modal, passing a reason

정답은 인용한 두 줄 바로 뒤에 있는 설명서에 나와 있습니다.

open 메서드는 다음 속성을 가진 개체인 모달 인스턴스를 반환합니다.

  • close(result) - 모달 닫기 및 결과 전달에 사용할 수 있는 메서드
  • disp(reason) - 이유를 전달하여 모달 해제를 위해 사용할 수 있는 방법
  • result - 모달 종료 시 해결되고 모달 해제 시 거부되는 약속

여기서 중요한 것은 약속에 무슨 일이 일어나느냐이다.마지막으로 약속은 해결됩니다.기본적으로 '성공' 콜백이 실행됩니다.해제 시 약속은 거부되므로 대신 "실패" 콜백을 실행합니다.

모달의 해제는 사용자가 모달의 닫힘(예를 들어 모달의 이면에 있는 상태로 돌아가 state.go('^')를 호출하는 경우)에서 사용하는 것이 가장 좋으며, 모달의 닫힘은 $state.go 또는 ui-sref를 통해 상태를 변경할 때 사용됩니다.

이렇게 하면result어떤 일이 일어나느냐에 따라 다른 일을 하겠다고 약속합니다.

result.then(function() { /* state change via ui-sref */ })

result.catch(function() { /* user closed modal */ })

언급URL : https://stackoverflow.com/questions/19743299/what-is-the-difference-between-dismiss-a-modal-and-close-a-modal-in-angular

반응형