Question

我正在创建项目列表，每当用户输入一些值时，它就会调用listVendas函数，该函数会立即在API中进行搜索，但这会导致大量请求，某些请求可以在其他请求之前完成，所以我的问题是。

我如何中止Promise，以便创建新的Promise？

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

在Ionic中，您可以使用rxjs switchMap 运算符和 debounceTime 运算符来轻松完成此操作。

example code

Answer 2

我已经搜索了很多，并且您不能中止承诺，所以我的解决方案是不要在用户每次输入内容时都发出请求，而不是我创建了一个按钮来进行请求

    <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>

我如何中止离子诺言

2 个答案: