在Angular 9中,你可以使用async
和await
关键字来等待请求完成。下面是一个示例代码,演示了如何在Angular 9中等待请求完成:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-example',
template: `
{{ data }}
`,
})
export class ExampleComponent {
data: any;
constructor(private http: HttpClient) {}
async getData() {
try {
this.data = await this.http.get('https://api.example.com/data').toPromise();
} catch (error) {
console.error('请求错误', error);
}
}
}
在上面的示例中,getData()
方法使用了async
关键字,它将请求的结果赋值给了data
属性。在getData()
方法中,使用await
关键字等待请求的完成。如果请求成功,将返回的数据赋值给data
属性;如果请求失败,将打印错误信息到控制台。
请注意,上述示例中使用了HttpClient
模块来发送HTTP请求。确保在组件的构造函数中注入了HttpClient
,并且已经在模块中引入了HttpClientModule
。