在angualr中使用await async来实现接口的同步调用

1.api-service.ts

public getRecordFragmentList(): Observable<string[]> {return this._http.get<string[]>('/api/TextStructureVariable/record-fragment-list');
}
public getVisitList(body: IVisitTextStructureRequest): Observable<IVisitTextStructure[]> {return this._http.post<IVisitTextStructure[]>('/api/TextStructureVariable/visit-list', body);
}

2.component.ts

public ngOnInit(): void {this._try();
}private async _try(): Promise<void> {const res = await this._apiService.getRecordFragmentList().toPromise();const res2 = await this._apiService.getVisitList(this.pageMsg).toPromise();console.log(res);console.log(res2);
}

3.效果如图

另一种

this.getConfig2();public async getConfig2(): Promise<void> {const url = '/api/MetaData/get-enum-list?enumType=columnType';const a = await this.http.get(url).toPromise();console.log(a);}