使用angular rxjs中的另一个观察值转换来自一个观察值的数据

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  sourceData$: Observable<number>;
  transformedData$: Observable<number>;

  ngOnInit(): void {
    this.sourceData$ = this.getSourceData(); // 假设获取到一个观察值

    // 使用 map 操作符将原始数据进行转换
    this.transformedData$ = this.sourceData$.pipe(
      map(data => data * 2) // 假设将原始数据乘以2进行转换
    );
  }

  getSourceData(): Observable<number> {
    // 获取原始数据的逻辑
    return new Observable<number>(observer => {
      // 模拟异步获取数据
      setTimeout(() => {
        observer.next(5); // 假设获取到原始数据为5
        observer.complete();
      }, 1000);
    });
  }
}