从Angular 6 observable拉取特定值

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

@Component({
  selector: 'app-example',
  template: `
    <div>{{ value$ | async }}</div>
  `,
})
export class ExampleComponent implements OnInit {
  value$: Observable<number>;

  ngOnInit() {
    this.value$ = this.fetchValue();
  }

  fetchValue(): Observable<number> {
    // 在这里编写拉取特定值的逻辑，比如从后端API获取数据
    // 返回一个Observable对象，用于订阅并获取数据
    return new Observable<number>((observer) => {
      // 模拟异步操作，比如使用setTimeout延迟1秒钟
      setTimeout(() => {
        // 发送特定值给订阅者
        observer.next(42);
        observer.complete();
      }, 1000);
    });
  }
}