Question

我正在使用GlobalDataService（referred from here）来存储来自登录API的响应数据，以用于其他一些API调用。

登录（）：

 if (_token) {

    // store username and jwt token in keep user logged in between page refreshes
    console.log(this.gd.currentUserData)
    this.gd.currentUserData['userID']=_id;
    this.gd.currentUserData['username']=username;
    this.gd.currentUserData['token']=_token;
    // return true to indicate successful login
    return true;
}

然后在xx.service.ts文件中，我正在访问这个全局变量，如下面constructor()中所示，然后由各种函数使用它来进行API调用。

constructor(private http: Http,  private gd: GlobalDataService) {

    let currentUser = this.gd.currentUserData;

     this.token = currentUser && currentUser.token;
     this.userID=currentUser.userID;

}

问题

在我注销（在此期间清除全局变量中的数据）然后使用其他用户帐户登录后，service.ts中的函数仍在使用存储在这些全局变量中的先前数据。

在logout（）中：

this.gd.currentUserData={};
this.gd.currentHospitalData={};

我认为问题是构造函数只被实例化一次，因此分配给全局变量的新数据没有反映在.service.ts文件中。

如何解决此问题？或者有更好的方法来处理这种情况吗？

注意：之前我使用localstorage来存储这些数据，但由于可以通过Chrome Dev Tools进行修改，我现在正在考虑使用全局变量。

更新

~~我知道这是hacky而不是正确的方法，但我注意到在logout（）上调用window.location.reload();解决了这个问题。~~

显然，这个问题似乎已经解决了。我必须将我的服务的提供者声明从app.module.ts移到应用程序组件中的较低级别，然后成功登录重定向到。

但我仍然在寻找适当的解决方案/方法来处理登录数据。

Answer 1

真正的问题是我在.service.ts内为我的app.mopdule.ts申报了提供商。这导致这些服务的构造函数仅在首次加载应用程序时才实例化。因此，当我退出并再次登录时，新分配的数据未反映在.service.ts个文件中，

我将这些服务的Provider声明移动到成功登录后重定向到的组件。现在，每次成功登录后，构造函数都将实例化，新分配的值将在这些.service.ts文件中重新生成。

Answer 2

“全局变量”也可以通过Chrome开发工具进行修改。但这有点困难。

如果您的数据不敏感，那么您不必担心，您可以将它存储在任何地方，无论您想要什么。

正如您所说，您的问题是构造函数只被调用一次。因为服务是单身，这意味着整个会话中只有一个且只有一个实例。

要解决此问题，您有以下几种选择：

使用本地存储/会话存储
创建一个方法来执行构造函数实际执行的操作，并在登录时调用它
提供专用于登录用户的整个服务，并在每次登录/注销时使用

Angular - 如何在注销时清除在服务构造函数上实例化的数据？

2 个答案: