서버에서 엄청난 양의 데이터를 처리하는 Angular 앱을 개발 중입니다. 따라서 모든 API 호출은 최대 5 초까지 걸릴 수 있으며 API 호출이 거의없는 페이지가 있습니다.
내가 달성하고 싶은 것은 방문하는 모든 페이지의 데이터를 캐시에 저장하는 것이며 페이지로 다시 이동하면 캐시 된 데이터가 즉시 표시되고 API를 호출하여 새 데이터를 가져오고 모델에있는 구성 요소 만 새로 고칩니다. 변경되었습니다.
이제 ngOnInit
메서드 에서 API 호출이 수행되고 결과가 표시 될 때까지 앱에 스피너가 표시됩니다.
로컬 저장소에 json을 저장하는 것 외에 Angular에서 해당 동작을 달성하는 모범 사례가 있습니까?
TL; DR; "RxJS를 사용한 캐싱 기술"에 대한 Google
더 큰 대답 :
몇 가지 옵션이 있습니다.
localStorage
/ sessionStorage
영구적으로 필요한 경우BehaviorSubject
하고 최신 값을 검색합니다 ( 예 : 기사 )... 원하는 것과 코드가 어떻게 구성되는지에 따라 더 많은 것들이 있습니다.
내가 당신이라면- BehaviorSubject
간단한 응용 프로그램이고 거대한 상태가없고 관리인 경우 초기로 변형을 선택합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다