furoblog’s blog

妻と一緒にはじめました。1日1更新が目標です。

AngularのHTTP同期、非同期処理の呼び出し元最低限サンプル

Angularの同期非同期の簡単なまとめがなかったのでサンプルを書いてみました。 型がAnyになっているので最低限修正など必要ですが、呼び出し元はこんな感じでOK。

import { Observable } from 'rxjs':
export class httpClass {

    /**
     * HTTP処理
     */
    public http(): Observable<any> {
        // http処理
    }

    /**
     * 同期処理
     */
    public async syncMethod() {
        // 同期処理
        await this.http(
            // 引数
        ).toPromise()
        .then((response: any) => {
            // 正常系処理
        })
        .catch((error: any) => {
            // 異常系処理
        });
    }

    /**
     * 非同期処理
     */
    public asyncMethod() {
        // 同期処理
        this.http(
            // 引数
        ).subscribe(
            (response: any) => {
                // 正常系処理
            },
            (error: any) => {
                // 異常系処理
            }
        );
    }
}