Angular无法获取SessionStorage中的用户数据。
- 首先，在服务中创建一个名为“UserSessionService”的服务来管理用户的会话数据。在创建时，请确保在您的模块中导入SessionStorage模块。
import { Injectable } from '@angular/core';
import { SessionStorageService } from 'ngx-webstorage';
@Injectable() export class UserSessionService { constructor(private sessionStorage: SessionStorageService) { }
public setUser(user: any): void { this.sessionStorage.store('user', user); //保存用户数据到SessionStorage }
public getUser(): any { return this.sessionStorage.retrieve('user'); //从SessionStorage获取用户数据 } }
- 在需要的组件中，导入之前创建的服务，然后使用它来获取保存的用户数据。
import { Component } from '@angular/core'; import { UserSessionService } from '../services/user-session.service';
@Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.css'] }) export class HomeComponent { public user: any;
constructor(private userSessionService: UserSessionService) {}
ngOnInit() { this.user = this.userSessionService.getUser(); //获取用户数据 } }
通过这种方式，您的应用程序将能够有效地获取和管理用户的会话数据。