如何访问函数作用域Angular 9之外的变量

function myFunction(externalVariable: any) {
  // 在函数内部可以访问externalVariable
  console.log(externalVariable);
}

const myVariable = 'Hello World';
myFunction(myVariable);

// main.ts
(window as any).myVariable = 'Hello World';

// 在其他组件或服务中访问myVariable
console.log((window as any).myVariable);

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

@Injectable({
  providedIn: 'root'
})
export class MyDataService {
  private externalVariable: any;

  setExternalVariable(value: any) {
    this.externalVariable = value;
  }

  getExternalVariable() {
    return this.externalVariable;
  }
}

// my-component.ts
import { Component } from '@angular/core';
import { MyDataService } from './my-data.service';

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="logExternalVariable()">Log External Variable</button>
  `
})
export class MyComponent {
  constructor(private myDataService: MyDataService) {}

  logExternalVariable() {
    const externalVariable = this.myDataService.getExternalVariable();
    console.log(externalVariable);
  }
}