angular fetch async await
import { Component } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { map, delay } from "rxjs/operators";
@Component({
selector: "my-app",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
})
export class AppComponent {
private apiURL = "https://api.github.com/";
public message: string = "Uninitialized";
public response;
constructor(private httpClient: HttpClient) {}
async fetchData() {
this.message = "Fetching..";
this.response = "";
this.response = await this.httpClient
.get<any>(this.apiURL)
.pipe(delay(1000))
.toPromise();
this.message = "Fetched";
}
}