问题标签 [angular-httpclient]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4645 浏览

angular - 将 json 对象映射到与 HttpClient 的接口

我在理解如何转换我的 json 响应以适应我的多选界面时遇到了一些问题。

这是我从 api 得到的响应:

这是我试图将其映射到的界面:

我想映射TransportTypeIdidNamename

正如我所说,我正在使用HttpClientAngular 4 中的新功能,并且在找到任何这样的示例时遇到了一些困难。

这是我的获取功能:

这是返回响应并将其映射到与响应属性完全相同的 TransportType:

这工作正常,但我认为应该有一些更简单的方法将响应转换为IMultiSelectOptionthen 以循环 get 函数的结果?

包括我的肮脏方式。

和转换函数:

0 投票
0 回答
2649 浏览

angular - 带有缓存的 Angular Http 拦截器

我有一个简单的缓存拦截器,我希望我的缓存是不可变的。但不知何故,它不起作用。原始代码来自 HttpClient 文档https://angular.io/guide/http#intercepting-all-requests-or-responses

}

我有两个访问数据的组件。第一个组件在没有缓存的情况下检索完整数据(第一个请求)并通过以下方式修改数据

第二个组件使用相同的服务 myHttpService 但响应是从缓存中提供的,并且数据是变异的。我知道在这种情况下我可以使用 slice,但我的缓存应该是不可变的,如果不使用其他库,我该如何实现呢?

0 投票
2 回答
6251 浏览

angular - ANGULAR 4 路由问题:没有 HttpClient 的提供者

您好我有一个登录组件,其中包含指向注册组件的链接。

当我单击此链接时,我遇到了这个问题:

登录组件加载良好,注册失败。

在登录组件 html 上,我有:

我的应用程序路由如下所示:

我正在使用的版本:Node.js 版本:v8.5.0 NPM 版本:5.4.2

谢谢!

0 投票
2 回答
1523 浏览

angular - RXJS - 带有 .startWith 的 IntervalObservable

我已经在 Angular 应用程序中使用 IntervalObservable 和 startWith 实现了 http 池以立即启动。我想知道 IntervalObservable 是否等到初始/上一个调用完成流数据?有没有更好的方法在 Angular 应用程序中实现数据池。

来自 service.ts

来自 component.ts

}

我已经使用了 Angular httClient,我希望无论如何这都无关紧要。

0 投票
5 回答
32216 浏览

json - 使用 Angular 4.3 HttpClient 解析日期

我目前正在切换到 Angular 4.3 的新 HttpClient。一个优点是我可以在 GET 方法上指定类型信息,并且返回的 JSON 被解析为给定的类型,例如

但不幸的是,JSON 中的所有日期都被解析为结果对象中的数字(可能是因为 Java Date 对象在后端被序列化为数字)。

使用旧的 Http 我在调用 JSON.parse() 时使用了 reviver 函数,如下所示:

在 reviver 函数中,我从数字创建了日期对象:

新的 HttpClient 是否有类似的机制?或者在解析 JSON 时进行转换的最佳做法是什么?

0 投票
5 回答
91018 浏览

angular - Angular 4 错误:没有 HttpClient 的提供者

我正在使用 CLI 开始一个新的 Angular 项目,并且遇到了无提供程序的HttpClient错误。

我已经添加HttpClientModule到我的模块导入中,这似乎是这种情况下的常见罪魁祸首。除此之外在网上找不到很多,所以我不确定问题可能是什么。

我的 app.module.ts

和我的服务

和 ng 版本给出以下输出

我的 tsconfig

我的测试

任何帮助是极大的赞赏!

0 投票
2 回答
1819 浏览

angular - HttpClient 未运行构造函数

我正在使用 HttpClient 从 json 端点获取对象。在我获取它并订阅 observable 之后,我发现构造函数没有在模型上运行,并且对象上的公共方法都是未定义的。如何让构造函数运行并且方法可用?

0 投票
1 回答
5118 浏览

angular - Angular HttpClient 对于零响应返回空值

我已将我的 Angular 4 服务从旧 Http 迁移到新的 HttpClient。一个返回纯零0作为响应的请求,正在返回一个带有null.

请求:

将控制台日志null,但是当我在 devtools > Network 中打开该请求时,我看到服务器以0.

我究竟做错了什么?

0 投票
1 回答
5960 浏览

angular - 在 Angular 4 中添加数据后更新视图

添加新项目后,我的观点有问题。看到新项目后,我需要重新加载网页。我怎样才能让它检测到变化,我想要发生的是,在我添加一个新项目后,视图也在更新。下面是我的代码

ts

服务

0 投票
2 回答
1220 浏览

angular - Angular 4 省略 HTTP 错误代码

我有一个这样的 api 调用:

Chrome 上的错误显示502 (Bad Gateway),但 Angular 返回的错误显示status = 0,我想在发生此错误时向用户显示消息,但我怎样才能正确捕获 http 错误?

在此处输入图像描述