以下是一个使用 Angular HttpClient 发送 GET 请求的代码示例:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-root',
template: `
{{ responseData }}
`
})
export class AppComponent {
responseData: any;
constructor(private http: HttpClient) {}
getData() {
this.http.get('https://api.example.com/data')
.subscribe(response => {
this.responseData = response;
});
}
}
在上面的代码中,我们首先导入 HttpClient,并在构造函数中注入它。然后,在 getData
方法中,我们使用 HttpClient 的 get
方法发送一个 GET 请求,并通过 subscribe
方法订阅响应。在响应的回调函数中,我们将响应数据赋值给 responseData
变量,以在模板中显示。
请注意,这只是一个简单的示例,实际应用中可能需要处理错误、设置请求头等。有关更多详细信息,请参考 Angular 官方文档。