ngOnChangesで非同期を処理する方法

Question

ngOnChangesはasyncをサポートしていないため、この問題が発生しましたが、asyncメソッドの処理方法はわかりません。

これを行うにはどうすればよいですか？

asyncをngOnChangesに適用すると機能しません。戻り値は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

• マーク方法async
• のように、今あなたが追加したら、あなたは結果を直接割り当てることができますthenを削除Promise
• の結果を待つawaitを追加await
• 結果を直接割り当てます。

コード：

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

    result = await this.queryArray(query); 
} 

はまた、あなたはまた、さらなる処理のためにその方法では結果を待つ場合を除きqueryArrayがasyncとしてマークする必要はないことに注意してください。プロミスを作成して返すだけであれば、それは必要ではありません。