1. 首先，在服务中创建一个名为“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获取用户数据 } }

2. 在需要的组件中，导入之前创建的服务，然后使用它来获取保存的用户数据。

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(); //获取用户数据 } }

通过这种方式，您的应用程序将能够有效地获取和管理用户的会话数据。