【メモ】非同期でhttpリクエストを実行する。

こんな感じでhttpリクエストができる。（メモ程度）

members.component.ts

  ngOnInit(): void {
    const myAsync = async (url) => {
      const response = await fetch(url); //await で fetch() が完了するまで待つ
      const data = await response.json(); //await で response.json() が完了するまで待つ
      console.log('1');
      return data;
    }
    myAsync('http://localhost:8080/api/messages').then(value => this.members = value).catch((err) => this.disp('データの取得に失敗しました。'));
    console.log('2');
  }

members.component.ts

ngOnInit(): void {


    const myAsync = async (url) => {
      let d:any;
      const response = await fetch(url,{method: "POST",body: JSON.stringify(d)}); //await で fetch() が完了するまで待つ
      const data = await response.json(); //await で response.json() が完了するまで待つ
      console.log('1');
      return data;
    }
    myAsync('http://localhost:8080/api/messages').then(value => this.members = value).catch((err) => this.disp('データの取得に失敗しました。'));
    console.log('2');

  }