angular中的异步调用

import { Observable } from 'rxjs';

// 创建一个Observable对象
const observable = new Observable(observer => {
  // 模拟异步操作
  setTimeout(() => {
    observer.next('Data received'); // 发送数据
    observer.complete(); // 完成操作
  }, 2000);
});

// 订阅Observable对象
observable.subscribe(
  data => {
    console.log(data); // 输出：Data received
  },
  error => {
    console.error(error);
  }
);

// 模拟异步操作的函数
function fetchData(): Promise<string> {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve('Data received'); // 返回成功的结果
      // 或者使用 reject('Error occurred'); 返回失败的结果
    }, 2000);
  });
}

// 调用异步函数
fetchData()
  .then(data => {
    console.log(data); // 输出：Data received
  })
  .catch(error => {
    console.error(error);
  });