WalkerLab

! 기록을 위한 포스트입니다. angular 버전 업그레이드를 진행하면서 api를 호출하는 코드 중 toPromise를 사용하는 구분에 다음과 같이 줄이 그어졌다. Deprecated symbol used, consult docs for better alternative 찾아보니 Rxjs7에서까지만 사용이 가능하고 향후 Rxjs8부터는 해당 함수가 삭제된다는 것을 안내해준 것이었다. 해당 함수를 대체하는 코드는 다음과 같다. async exapmleMethod() { let exam = new Example(); exam = await lastValueFrom("api호출"); } 더 자세한 사항은 출처를 확인하길 바란다. 출처 https://stackoverflow.com/questions/670442..

! 기록을 위한 포스트입니다. ngbPopover를 적용했는데 hover시 Popover 내용이 body에 가려져 일부가 보이지 않을 수가 있다. html에서는 appendTo="body"로 해결할 수 있지만 ngbPopover에서는 contaniner="body"로 해결할 수 있다. example.html

! 기록을 위한 포스트입니다. NgbPopover의 창의 크기를 수정하고 싶다면 popoverClass=" " 에 css에 작성한 클래스를 넣어주면 된다. example.html example.css .increase-popover-width { max-width: 800px; // 원하는 크기 }

!주의 기록을 위한 포스트입니다. 자세한 설명은 없습니다. 이전포스트 [Angular] SPA URL 변경감지로 라우터 이벤트를 사용했다. https://walkerlab.tistory.com/19 [Angular] SPA URL 변경감지 !주의 기록을 위한 포스트입니다. 자세한 설명은 없습니다. constructor(private router: Router) { router.events.subscribe(val => { // URL(location) 변경시 마다 실행시킬 함수(이벤트) }); } 기본적으로 SPA일 때 페이 walkerlab.tistory.com 하지만 개발 도중 Router event subscribe 로 인해 문제가 있어 특정상황에서 subscribe를 해제해야 했다. 그래서 ngO..

!주의 기록을 위한 포스트입니다. 자세한 설명은 없습니다. constructor(private router: Router) { router.events.subscribe(val => { // URL(location) 변경시 마다 실행시킬 함수(이벤트) }); } 기본적으로 SPA일 때 페이지 변경 시 감지를 못하지만 Angular는 Router를 통해 URL(location) 감지를 할 수 있다.