等待数据完全加载后在angular2或4中继续

// 定义一个异步函数，模拟数据加载
function loadData(): Promise<any> {
  return new Promise((resolve, reject) => {
    // 模拟异步加载数据
    setTimeout(() => {
      const data = '加载的数据';
      resolve(data);
    }, 2000); // 假设数据加载需要2秒
  });
}

// 在组件中使用Promise对象
export class MyComponent implements OnInit {
  data: any;

  ngOnInit() {
    this.loadData().then((data) => {
      this.data = data;
      // 数据加载完成后继续执行其他逻辑
      // ...
    });
  }

  loadData(): Promise<any> {
    return loadData();
  }
}

// 定义一个异步函数，模拟数据加载
async function loadData(): Promise<any> {
  return new Promise((resolve, reject) => {
    // 模拟异步加载数据
    setTimeout(() => {
      const data = '加载的数据';
      resolve(data);
    }, 2000); // 假设数据加载需要2秒
  });
}

// 在组件中使用async/await
export class MyComponent implements OnInit {
  data: any;

  async ngOnInit() {
    this.data = await this.loadData();
    // 数据加载完成后继续执行其他逻辑
    // ...
  }

  loadData(): Promise<any> {
    return loadData();
  }
}