Wie man async in ngOnChanges behandelt

Question

Ich lief in diesem Problem und ich sehe nicht, wie man async Methode behandelt, weil ngOnChangesasync nicht unterstützt.

Was machen Sie, um dies zu erreichen?

Es funktioniert nicht, wenn ich async an ngOnChanges anwende. Der Rückgabewert ist Promise.

@Component({ 
    moduleId: module.id, 
    selector: 'search', 
    templateUrl: 'search.template.html' 
}) 
export class Search implments OnChanges { 
    async queryArray(data: string): Promise<T> { 
    //sample scripts. 
    return ....; 
    } 
    ngOnChanges(changes: SimpleChanges) { 
    let query: string = "red"; 
    let result: string[] = []; 

    await this.queryArray(query).then(resp => result = resp); 
    } 

}

Answer 1

• Mark das Verfahren als async
• await hinzufügen für das Ergebnis warten, der Promise
• Entfernen Sie die then wie jetzt können Sie das Ergebnis direkt zuweisen, wenn Sie das hinzufügen await
• Weisen Sie das Ergebnis direkt zu.

Code:

async ngOnChanges(changes: SimpleChanges) { 
    let query: string = "red"; 
    let result: string[] = []; 

    result = await this.queryArray(query); 
} 

Beachten Sie auch, dass queryArray nicht als async markiert werden muss, wenn Sie auch das Ergebnis in diesem Verfahren zur Weiterverarbeitung warten wollen. Wenn es nur ein Versprechen erstellt und zurückgibt, ist es nicht notwendig.