목록Angular (1)
moonStory
Anglar canDeactivate (라우터 이동 제어하기)
웹프로젝트 작업을 진행하던 중 데이터를 저장할 때 한 페이지에서 완료 버튼을 눌러 저장하는 방식이 아닌 [다음] -> [다음] -> [다음] 버튼을 눌러서 데이터를 작성하고 마지막 페이지에서 [저장] 하는 방식의 기획이 있었다. 그런 방식의 문제점이 사용자가 뒤로가기를 할 경우에 이전 페이지에서 input에 입력했던 데이터가 사라진다는 것이였다. 특정 프로세스를 진행 중이거나 보기에 저장되지 않은 변경 사항이 있을 때 다른 페이지로 이동을 할 때 이동하기 전에 진행 중인 프로세스가 취소되거나 진행할 경우 변경 사항이 삭제된다는 사실을 사용자에게 알려야 한다. 이 문제를 해결하기 위해 뒤로가기 이벤트가 발생할 경우 '이 페이지를 나갈 경우에 입력한 데이터가 삭제되고 첫 페이지로 이동합니다.' 라는 안내 메..
Angular
2023. 8. 5. 19:42