Angular 6中如何用async/await获取Service返回Promise的结果与错误

没问题！在Angular 6里用async/await替代Promise的嵌套回调非常直观，咱们直接结合你的现有代码来调整：

步骤1：标记组件的load方法为异步函数 #

因为await只能在async标记的函数内部使用，所以首先要给你的load方法加上async关键字。

步骤2：用await获取结果，try/catch处理错误 #

把原来的then/catch回调逻辑替换成try/catch块，这样代码结构更清晰，避免嵌套：

async load() { 
  try {
    // 用await等待Promise完成，直接拿到结果
    const results = await this.crmService.retrieveAllTeams();
    
    // 处理返回的团队数据，逻辑和你原来的一致
    if(results.value !== undefined && results.value !== null) { 
      const teams = results.value; 
      // 这里可以把teams赋值给组件属性，比如：
      // this.teamList = teams;
    }
  } catch (error) {
    // 处理请求失败的情况，比如打印错误、给用户提示
    console.error('加载团队数据失败:', error);
    // this.errorMessage = '获取团队列表出错，请稍后重试';
  }
}

关键说明： #

• async关键字会让load函数本身变成一个异步函数，它的返回值会自动包装成Promise（如果需要在其他地方调用load，记得用await或者.then()处理）
• await会暂停函数执行，直到retrieveAllTeams()返回的Promise完成，成功时直接返回RetrieveMultipleResponse类型的结果，失败时会抛出错误进入catch块
• 你的CrmService中的retrieveAllTeams方法已经正确返回了Promise<RetrieveMultipleResponse>，所以不需要修改服务端的代码，直接在组件里使用即可

内容的提问来源于stack exchange，提问作者Hubert Solecki