Angular中@angular/http被@angular/common/http替代了
从Angular 4.3版本开始，@angular/http模块被标记为不推荐使用，取而代之的是@angular/common/http。
下面是@angular/common/http的使用示例：
- 导入HttpClientModule：
import { HttpClientModule } from '@angular/common/http';
@NgModule({ imports: [ BrowserModule, HttpClientModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule {}
- 在组件中注入HttpClient：
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的文档以了解更多信息。