如何在angular中从事件监听器访问全局变量

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

@Injectable()
export class GlobalVariableService {
  private globalVariable: Subject<any> = new Subject<any>();

  setGlobalVariable(value: any) {
    this.globalVariable.next(value);
  }

  getGlobalVariable() {
    return this.globalVariable.asObservable();
  }
}

import { Component, OnInit } from '@angular/core';
import { GlobalVariableService } from 'path-to-global-variable-service';

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

  constructor(private globalVariableService: GlobalVariableService) {}

  ngOnInit() {
    this.globalVariableService.getGlobalVariable().subscribe(value => {
      this.globalVariable = value;
    });
  }

  onEvent() {
    // 在事件监听器中访问全局变量
    console.log(this.globalVariable);
  }
}

import { Component } from '@angular/core';
import { GlobalVariableService } from 'path-to-global-variable-service';

@Component({
  selector: 'app-another-component',
  templateUrl: './another-component.component.html',
  styleUrls: ['./another-component.component.css']
})
export class AnotherComponent {
  constructor(private globalVariableService: GlobalVariableService) {}

  updateGlobalVariable(value: any) {
    // 更新全局变量的值
    this.globalVariableService.setGlobalVariable(value);
  }
}