javascript - 如何存储从 API 检索的值并在整个应用程序中使用它

Question

我想知道如何存储从 API 检索到的值，并在连接时在整个应用程序角度使用它。

 verifieruserConnect(){
      let headers=new HttpHeaders({'Authorization':this.jwt});
      return this.http.get(this.BaseUrl+'/verfieruserConnection',{headers:headers}).subscribe(data=>{

        this.userConnected=data;
      });
    }

我想在整个应用程序中使用 this.userConnected

谢谢您的帮助

标签： javascriptangularapi

Answer 1

创建一个服务来存储此值并使用该服务在您想要的任何地方获取该值。像这样的东西。

import { Injectable } from "@angular/core";

@Injectable({
     providedIn: 'root',
})
export class UserService {
  private isUserConneted: boolean = false;

  saveUserStatus(status: boolean) {
      this.isUserConneted = status;
  }

  getUserStatus(): boolean {
    return this.isUserConneted;
  }
}