从Angular 4.3版本开始,@angular/http模块被标记为不推荐使用,取而代之的是@angular/common/http。
下面是@angular/common/http的使用示例:
import { HttpClientModule } from '@angular/common/http';
@NgModule({ imports: [ BrowserModule, HttpClientModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule {}
import { HttpClient } from '@angular/common/http';
export class AppComponent {
constructor(private http: HttpClient) {}
getData() { this.http.get('https://jsonplaceholder.typicode.com/posts').subscribe(data => { console.log(data); }); } }
在此示例中,我们导入HttpClientModule并在AppComponent中注入HttpClient。然后,我们在getData()函数中使用http.get()方法来获取数据。请注意,我们使用了RxJS中的Observable对象来订阅获取到的数据。
此外,请注意,@angular/common/http和@angular/http的 API 有所不同。例如,@angular/common/http返回的响应包括状态码、header等信息。因此,如果您曾经使用过@angular/http,请查阅@angular/common/http的文档以了解更多信息。