promise.all不能在拒绝功能中访问

时间:2017-06-09 14:31:20

标签: javascript angular ionic-framework promise ionic2

我有一个获取数据的服务,我用不同的参数调用了5次以获得不同的数据。 我调用了一个函数来成功执行:它运行正常。 但是如果失败了,我需要做5个电话中的其他事情,而不是发生的事情:它总是进入成功功能。 我正在使用离子4角2 这是我的服务:

 public getdataLookUps(type, lcid): Promise<string[]> {
return new Promise((resolve, reject) => {
  if (this.data[type + lcid]) {
    resolve(this.data[type + lcid]);
    return;
  }
  this.authService.getToken().then(
    (accessToken) => {
      let headers = new Headers({'Authorization': 'bearer ' + accessToken});
      let url = 'error url to test failure case';
      this.http.get(url, {headers: headers})
        .map(res => res.json())
        .toPromise()
        .then(
          (res) => {
            this.data[type + lcid] = res;
            resolve(res);
          },
          (error) => {
            reject(error);
          }
        );
    }
  );
});

}

然后我将这个调用服务的函数包装起来:(用不同的参数重复5次):

public getAreas() {
    return this.lookupsService.getdataLookUps('Region', this.lcid).then(
      (res) => {
        this.areas = res;
      },
      () => {
        //todo
return Promise.reject('rejection error');
      }
    );
  }

然后我调用了5个函数:

  ngOnInit() {
    this.getCaseCategories();
    this.getAreas();
    this.getWeather();
    this.getMifonProjects();
    this.getUserInfo();
}

我在这里做promise.all():

ngAfterViewInit(){
 Promise.all(
      [
        this.getCaseCategories(),
        this.getAreas(),
        this.getWeather(),
        this.getMifonProjects(),
        this.getUserInfo(),
      ]
    ).then(
      () => {
        this.loadMap();
      },
      () => {
        this.showErrorMessage = true;
      }
    );
}

2 个答案:

答案 0 :(得分:3)

此代码有两个then回调,一个成功处理程序和一个错误处理程序。如果代码如您所示,错误处理程序将返回成功结果,以便Promise.all()始终成功:

public getAreas() {
    return this.lookupsService.getdataLookUps('Region', this.lcid).then(
      (res) => {
        this.areas = res;
      },
      () => {
        //todo
      }
    );
  }

除非您真的能够在此处理错误,否则不要添加错误处理程序。而是让错误传播到下一个处理程序:

public getAreas() {
    return this.lookupsService.getdataLookUps('Region', this.lcid)
    .then(res => this.areas = res);
  }

现在,当数据查找失败时,您的Promise.all会给您一个错误。

也停止嵌套你的承诺处理程序:

public getdataLookUps(type, lcid): Promise<string[]> {
    if (this.data[type + lcid]) return Promise.resolve(this.data[type + lcid]);
    return this.authService.getToken().then(
      (accessToken) => {
        let headers = new Headers({'Authorization': 'bearer ' + accessToken});
        let url = 'error url to test failure case';
        return this.http.get(url, {headers: headers})
          .map(res => res.json())
          .toPromise();
     })
     .then((res) => this.data[type + lcid] = res);
}

一旦Promise只返回Promise,就无需创建新的Promise。如果您的promise成功处理程序创建另一个promise,则返回以避免嵌套。您的错误处理程序除了传播错误之外什么也没做,所以当您没有嵌套的promise时,您也不需要它,只需让错误自然传播。

答案 1 :(得分:0)

我通过删除ngOnInit()中函数的调用来解决它; 并保持一切与上面的示例相同(不更改getDataLookUps服务中的任何内容)