如何在angular中创建2个同名的全局变量？

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private sharedData: any;

  constructor() { }

  getSharedData(): any {
    return this.sharedData;
  }

  setSharedData(data: any): void {
    this.sharedData = data;
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-component1',
  template: `
    <div>{{ sharedData }}</div>
    <button (click)="updateSharedData()">Update Data</button>
  `
})
export class Component1 {
  sharedData: any;

  constructor(private dataService: DataService) {
    this.sharedData = this.dataService.getSharedData();
  }

  updateSharedData(): void {
    this.dataService.setSharedData('New data');
    this.sharedData = this.dataService.getSharedData();
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-component2',
  template: `
    <div>{{ sharedData }}</div>
    <button (click)="updateSharedData()">Update Data</button>
  `
})
export class Component2 {
  sharedData: any;

  constructor(private dataService: DataService) {
    this.sharedData = this.dataService.getSharedData();
  }

  updateSharedData(): void {
    this.dataService.setSharedData('Another data');
    this.sharedData = this.dataService.getSharedData();
  }
}