突破承诺链

Question

如何突破Promise链（处理错误并停止运行其他.then）？

我的代码：

onSubmit(f: any) {
    let loading = this.loadingCtrl.create({
        content: 'Sending a form...'
    });
    loading.present();
    this.submitProvider.sendByPost(f)
    .then(
        (res) => { this.formSent = true, console.log('Form is sent') },
        (err) => { console.log('Encountered an error...') 
            //error here, break out and deal with error            
        } 
    )
    .then( (res) => {
        loading.dismiss();
        this.pushPage(); 
        this.removeChosenPicture();
        this.removeTakenPicture();
        this.myForm.reset({ selectedDate: this.selectedDate }) }
    )
}

Answer 1

您可以使用catch()方法：通过这样做，您将处理promise链中的所有错误。 当错误在链中的任何地方抛出时，它将“脱离” promise链并最终以catch方法结束。 MDN：.catch（）方法

onSubmit(f: any) {
    let loading = this.loadingCtrl.create({
        content: 'Sending a form...'
    });
    loading.present();
    this.submitProvider.sendByPost(f)
    .then(
        (res) => { this.formSent = true, console.log('Form is sent') }
    )
    .then( (res) => {
        loading.dismiss();
        this.pushPage(); 
        this.removeChosenPicture();
        this.removeTakenPicture();
        this.myForm.reset({ selectedDate: this.selectedDate }) }
    ).catch((err) =>{ /*Handle your errors*/})
}