在Angular中，可以使用LocalStorage或SessionStorage来区分不同标签页中的会话。以下是一个使用LocalStorage的示例代码：

// service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class SessionService {
  private storageKey = 'myAppSession';

  constructor() { }

  // 保存数据到LocalStorage
  saveData(data: any): void {
    localStorage.setItem(this.storageKey, JSON.stringify(data));
  }

  // 从LocalStorage获取数据
  getData(): any {
    const data = localStorage.getItem(this.storageKey);
    return JSON.parse(data);
  }

  // 清除LocalStorage中的数据
  clearData(): void {
    localStorage.removeItem(this.storageKey);
  }
}

然后，在需要区分会话的组件中使用SessionService：

// component.ts
import { Component, OnInit } from '@angular/core';
import { SessionService } from './service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  sessionData: any;

  constructor(private sessionService: SessionService) { }

  ngOnInit(): void {
    // 从LocalStorage获取数据
    this.sessionData = this.sessionService.getData();
  }

  saveSessionData(): void {
    // 保存数据到LocalStorage
    this.sessionService.saveData({ name: 'John', age: 30 });
  }

  clearSessionData(): void {
    // 清除LocalStorage中的数据
    this.sessionService.clearData();
  }
}

在模板中，你可以根据需要调用saveSessionData和clearSessionData方法，以保存和清除会话数据。

保存会话数据
清除会话数据


  
姓名: {{ sessionData.name }}
  
年龄: {{ sessionData.age }}

这样，在不同的标签页中，会话数据将会被存储在不同的LocalStorage中，从而实现了区分不同标签页中的会话。