Angular中@angular/http被@angular/common/http替代了
创始人
2024-10-31 00:01:11
0次

从Angular 4.3版本开始,@angular/http模块被标记为不推荐使用,取而代之的是@angular/common/http。

下面是@angular/common/http的使用示例:

  1. 导入HttpClientModule:

import { HttpClientModule } from '@angular/common/http';

@NgModule({ imports: [ BrowserModule, HttpClientModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule {}

  1. 在组件中注入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的文档以了解更多信息。

相关内容

热门资讯

分享个大家透视!wpk辅助器是... 很多人使用云端 AI 时,都担心wpk辅助器是真的吗、内部资料上传带来隐私风险。这款本地运行的 AI...
实测必看辅助器!如何判断wpk... 实测必看辅助器!如何判断wpk辅助软件的真假,wepoker透视挂插件(从前是真的有辅助器)AI 是...
攻略教程辅助挂!德普之星透视辅... 攻略教程辅助挂!德普之星透视辅助软件,WPK怎么开挂安装(切实有辅助挂)AI 智能体黑科技再上新,自...
最新技巧透视挂!wpk模拟器是... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
存在挂教程辅助!德普之星怎么作... 德普之星怎么作弊AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,...
重大科普辅助挂!wpk德州局透... 很多人使用云端 AI 时,都担心wpk德州局透视、内部资料上传带来隐私风险。这款本地运行的 AI 黑...
实测教程辅助挂!wpk透视插件... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
一分钟了解辅助挂!wepoke... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker私人局规律解析、 AI...
推荐十款透视挂!wepoker... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
分享认知开挂!wepoker有... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker透视脚本解析、 AI ...