如何以角度存储来自app.component的数据？答案

【问题标题】：How to store data from app.component in angular?如何以角度存储来自app.component的数据？
【发布时间】：2020-09-07 11:07:59
【问题描述】：

我的 app.component 中有一些来自函数的数据，我想在其他组件中存储和使用这些数据。我怎样才能做到这一点？

函数如下：

private async setupLocalUser(): Promise<boolean> {
try {
  this.token = await jwtDecode(this.oauthService.getAccessToken());
  //add user
  this.userId = await this.userService.AddUser(this.token.email);
  //add user session
  this.userSessionId = await this.userSessionService.AddUserSession(this.token.email);
  return true;
}
catch (Error) {
  this.errorMessage = Error;
  return false;
}

this.userSessionId 是我想存储的，以用作其他组件中不同函数的参数。我怎样才能做到这一点？

【问题讨论】：

这和你问here的问题基本相同。您是否查看了component interaction 上的文档并尝试创建服务来存储此值？您可以使用服务在您的应用程序中存储和共享数据。
看看下面的答案以获得一个想法：stackoverflow.com/a/46049546/1791913

标签： javascript angular typescript dependency-injection

【解决方案1】：

看看this 的帖子，我相信它会对您的问题有用。正如他们所说，您可以使用service 或sessionStorage（更多信息here）来存储数据，以便可以跨应用程序访问。

希望对你有帮助！

【讨论】：

【解决方案2】：

您可以通过多种方式在组件之间存储/传输数据。这完全取决于您的情况/要求。例如，您可以使用

服务
网络存储（Localstorage/SessionStorage/Cookies 等）
全局变量
变量作为行为主体。

但我建议如果该值是机密的，您应该将其存储在全局变量中或使用服务。这样一来，任何人都很难从生产构建中获取数据。

如果您还有任何疑问，请告诉我。

【讨论】：