处理离子2中http调用中的错误

时间:2017-05-30 10:25:55

标签: http ionic-framework promise ionic2

在我的Ionic2应用程序中,我有一个处理所有http请求的服务。 当http调用中发生任何错误时,我有一个警报控制器。在按钮上单击此警报我想再次运行该调用。我现在能够做到。问题是响应未解析为调用函数的页面。

服务代码:

loadCity(){
return new Promise(resolve => {
this.http.get(url).map(res=>res.json())
.subscribe(data => {resolve(data)},
err => { this.showAlert(err); }
});
}

showAlert(err: any){
// code for alert controller, I am only writing handler of alert 
//controller refresh button
handler => {this.loadCity();}
}

CityPage中的代码

showCity(){
this.cityService.loadCity()
.then(data => {//process data});
}

处理程序再次调用函数,但此次承诺未解析为CityPage showCity()函数。

1 个答案:

答案 0 :(得分:10)

当http请求中发生错误时,正在调用错误回调函数,但您既不会解析也不会拒绝承诺。

您可以执行类似

的操作
loadCity(){
    return new Promise( (resolve, reject) => {
        this.http.get(url).map(res=>res.json())
        .subscribe(
            data => {resolve(data)},
            err => { 
                this.showAlert(err);
                reject(err);
            }
        });
    }
}

并且在来电者中

showCity(){
    this.cityService.loadCity()
    .then( data => {
        //process data
    })
    .catch( error => {
        //some error here
    })
}

您可以在docs中看到更好的示例。