angular6에서 로그인한 사용자 정보를 캐시합니다 localStorage 로컬 저장소

Angular6 프로젝트에서 로그인할 계정 정보 캐시를 하려면 로그인 구성 요소에서 사용자 정보를 로컬로컬localStorage를 통해 저장하고 다른 구성 요소에서 직접 호출해야 합니다. 코드는 다음과 같습니다.
login.component.ts

 this.userID = this.loginData.data.userId;
 this.loginplay = this.loginData.data.userName;
 window.localStorage["userId"] = this.userID;
 window.localStorage["userName"] = this.loginplay;

계정 정보를 가져올 구성 요소를 직접 호출하려면 다음과 같이 하십시오.

  this.titleAlldata = localStorage["userName"];
  this.userId = localStorage["userId"];

계정을 로그인할 때 사용자의 캐시 정보를 삭제합니다. 즉 로컬 캐시 캐시를 제거하는localStorage

saveBtn1(){
    this.http.post(this.api+'/v1/logout',{},{withCredentials: true}).subscribe(data=>{
      this.ErrorData = data;
      if(this.ErrorData.code == 10000){
        window.localStorage.removeItem("userName");
        window.localStorage.removeItem("userId");
        this.router.navigate(['login']);
      }else if(this.ErrorData.code == 10005){
        this.router.navigate(['login']);
      }else{
        this.alertTitle = this.ErrorData.message;
        $('.zmalert1').fadeIn();
      }      
    },error =>{
      $('.ErrorAlert1').fadeIn().delay(1500).fadeOut();
    })
  }

이러면 되죠. 계정 정보는 로그인할 때 로컬 캐시에 저장하고 로그인할 때 캐시를 제거합니다.