Angular的ngOnInit和通过可观察对象返回记录的时间

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

@Component({
  selector: 'app-example',
  template: `
    <div>{{ recordTime }}</div>
  `,
})
export class ExampleComponent implements OnInit {
  recordTime: string;

  ngOnInit(): void {
    this.getRecordTime().subscribe((time: string) => {
      this.recordTime = time;
    });
  }

  getRecordTime(): Observable<string> {
    // 假设这里是通过某种方式获取记录的时间的异步操作
    return new Observable<string>((observer) => {
      setTimeout(() => {
        const time = new Date().toLocaleTimeString();
        observer.next(time);
        observer.complete();
      }, 1000);
    });
  }
}