How do I abort an Ionic promise - ionic-framework

Question

I'm making a list of items and everytime that the user input some value it calls the listVendas function that searches immediately in the API, but this cause a bunch of requests, and some requests can finish before others, so my question is.
How can I abort a Promise so I can create a new one?
listVendas(event?: any) {
let codigovenda;
if (event) {
codigovenda = event.value;
}
if (typeof this.promise != 'undefined') {
// HOW DO I ABORT THE PREVIOUS PROMISE
}
this.promise = this.vendaProvider.getAll(codigovenda);
this.promise.then(data => {
this.vendas = data;
})
}

Answer 1

In Ionic you can use the rxjs switchMap operator and debounceTime operator to do this very easily.
example code

Answer 2

I've searched a lot, and you can't abort a promise, so my solution was to don't make the request everytime the user type something, instead of that I created a button to make the request
<form [formGroup]="searchForm" (ngSubmit)="listVendas()">
<ion-card class="search">
<ion-icon class="icon-search" name="search"></ion-icon>
<ion-input type="number" pattern="[0-9]*" value="" formControlName="codigovenda"></ion-input>
<ion-icon class="icon-camera" name="camera" (click)="scanBacode()"></ion-icon>
</ion-card>
<ion-row class="row-submit" justify-content-center>
<button ion-button full icon-start type="submit">
Buscar
</button>
</ion-row>
</form>