问题标签 [angular4-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 投票
2 回答
18998 浏览

json - 如何将 JSON 响应映射到 Angular 4 中的模型

我已经尝试了很多,但我无法将端点响应映射到我的模型。我正在使用 HttpClient 和 Angular4。我从服务中取回了数据,但它没有正确映射到我的模型类。

我有以下 JSON 服务正在返回:

我在打字稿中创建了一个模型,我想将其映射到 json 响应:

这就是我调用 JSON 端点的方式。

0 投票
2 回答
360 浏览

json - NativeScript 引发错误响应,状态为:200 for URL:null

我正在使用带有 TypeScript 版本 2.2.2 的 Angular4

当我使用过滤器调用 JSON 时,我的 Web 应用程序运行良好,但是当我将过滤器值作为对象调用时,我的 NativeScript 应用程序失败,但当我将过滤器值作为字符串调用时,它运行良好。

错误响应状态为:200 对于 URL:null

这工作 https://domainname.com/api/v1/searchevents?token=057001a78b8a7e5f38aaf8a682c05c414de4eb20&filter=text&search=upcoming

如果过滤器值和搜索值是 STRING 它可以工作,而如果它们是如下的对象,它就不起作用

这不起作用

https://api.domainname.com/api/v1/searchevents?token=057001a78b8a7e5f38aaf8a682c05c414de4eb20&filter= {"limit":"12","skip":"0"}&search={"search":"","latitude" :"","longitude":"","categories":"","address":"","type":"upcoming"}

我使用的代码如下

getData(serverUrl,类型,skip_limit){

上面为 API 形成的 URL 很好,并且工作正常。然而错误来自错误响应,状态为:200 for URL:null

谁能帮我解决这个问题?

0 投票
0 回答
2049 浏览

angular - 如何在 Angular 的 HttpParams 中发送 JavaScript 或 Typescript 对象?

我想向我的 API 提交一个复杂的模型。该模型确实包含对象和/或数组。使用HttpParams,我可以提交简单的key, value对象,如下所示:

如何设置复杂的模型?这没有用!

没用!

0 投票
2 回答
799 浏览

angular - 没有 Http 提供者。区域角度。任务承诺然后价值

我正在尝试从我的 Angular2 类中调用 Web API。

服务.ts:

登录.ts:

模块.ts:

如您所见,我已正确注入服务类并在 service.ts 中正确添加 Http

我在控制台中收到以下错误:
在此处输入图像描述

0 投票
0 回答
1450 浏览

angularjs - 在 ionic http post 中将 responseType 设置为 arraybuffer

在我的应用程序中,我需要通过调用 api 来下载 pdf 文件。该api返回一个octet-stream数据,我将其转换为pdf并下载。我的下载和相关工作正常,但我发现生成的 PDF 似乎已损坏。打开 pdf 文档时,会记录一条错误消息,其中包含"Failed to load PDF document". 我知道 pdf 数据已损坏。我已经实现了相同的angular 1工作正常,但我的Ionic 3代码似乎是一个错误。

这是我的角度 1 代码。

我的 Ionic 3 代码是这样的。

http模块内部

在我的组件类里面

我知道我在 http 请求中遗漏了以下内容。

是不是因为这个,我的pdf数据被破坏了?如果是,我如何将其添加到 http 请求中。

0 投票
0 回答
1130 浏览

angular - Angular 4/Typescript:HTTP GET 请求返回 Httpcode 301

我正在使用查询字符串参数对 URL 进行 HTTP GET。但它返回 Httpcode 301 并且请求方法从 GET 更改为 OPTIONS。

但是,如果我使用下面的 javascript 简单脚本请求相同的 URL,它会给出预期的结果。

0 投票
10 回答
62672 浏览

angular - Angular 4:“(未知 URL)的 Http 失败响应:0 未知错误”

我正在尝试使用 API URL。我正在使用以下代码调用 API。

在 Angular 代码中,我没有得到任何响应并且出现错误:

(未知 url)的 Http 失败响应:0 未知错误”。

但是,当我在 Chrome 上打开开发人员工具时发出请求时,我会看到从服务器收到响应。

该 URL 是“https://...” URL 而不是“http://...”。

0 投票
1 回答
1677 浏览

angular - Angular 5 HttpClient 中的 HttpErrorResponse 获取请求

我需要从需要身份验证(登录)的端点获取数据。一旦登录,就会显示 json 对象。我正在使用 Angular 的 HttpClient 模块来获取这样的数据。

如果我在其他 api 上执行此操作(不需要(登录)工作正常。但是如果我将 serviceUrl 更改为需要登录的端点。它给我错误Http failure response for (unknown url): 0 Unknown Error

可能我可以这样做吗?

0 投票
2 回答
4582 浏览

java - 如何在 angular-4.0.0 中使用所需的键值对在 http 标头中发送身份验证令牌?

我想在我的 http 标头中发送身份验证令牌以连接到我用 java 编写的后端 rest-api。

从角度来看,代码就像(service.ts):

从后端:

现在,当以角度调用服务方法时,出现错误。

请求标头详细信息:

回应是:

控制台错误:

我无法弄清楚如何解决这个问题?

0 投票
3 回答
2701 浏览

angular - 无法以角度 5 从一页导航到另一页

这是我的 app.component.html 文件

app.component.ts

app.module.ts

应用程序路由.module.ts

homepage.component.html

在 app.component.html 和 app.component.ts 中,我试图从 app.component.html 导航到 homepage.component.html。在 app.component.ts 中,我在 http 响应中配置了该导航代码。但我无法导航到该页面