为角度2应用程序存储/检索浏览器用户的数据

Question

在angular 2应用程序中，想要为浏览器用户存储/检索授权数据以便记住授权功能。

rememberAuthorization(authToken: IAuthToken, user: IAppUser) {
    let data = {
        authToken: authToken,
        user: user
    };
    // here i want to store data
};

Answer 1

有很多方法可以在客户端存储数据。这取决于您的要求。

例如，您可以使用Window.localStorage或Window.sessionStorage。

// Save data to sessionStorage
sessionStorage.setItem('key', 'value');

// Get saved data from sessionStorage
var data = sessionStorage.getItem('key');

// Remove saved data from sessionStorage
sessionStorage.removeItem('key');

// Remove all saved data from sessionStorage
sessionStorage.clear();

欲了解更多信息：

localStorage

sessionStorage

如果您正在编写与平台无关的角度项目（Angular Universal），

constructor(@Inject(PLATFORM_ID) private platformId: Object) { ... }

rememberAuthorization(authToken: IAuthToken, user: IAppUser) {
  let data = {
    authToken: authToken,
    user: user
  };
   if (isPlatformBrowser(this.platformId)) {
         // here i want to store data
    }

}