如何从angular中的服务中获取值并将其插入到导出的类中？

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  getData(): any {
    // 模拟从API获取数据
    return { key: 'value' };
  }
}

export class MyClass {
  key: string;

  constructor(data: any) {
    this.key = data.key;
  }
}

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
import { MyClass } from './my-class';

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

  constructor(private dataService: DataService) {}

  ngOnInit(): void {
    const data = this.dataService.getData();
    this.myClassInstance = new MyClass(data);
  }
}

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private dataSubject = new BehaviorSubject<any>(null);
  data$ = this.dataSubject.asObservable();

  setData(data: any): void {
    this.dataSubject.next(data);
  }

  getData(): any {
    return this.dataSubject.getValue();
  }
}

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

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

  constructor(private dataService: DataService) {}

  ngOnInit(): void {
    this.dataService.data$.subscribe(data => {
      this.data = data;
    });
  }
}