问题标签 [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 投票
3 回答
11010 浏览

angular - 如何解决使用 Angular 4 检测到的循环依赖?

我正在使用 Angular 4 简单形式,使用命令行编译项目时出现错误,如何解决警告。请参阅错误图像1https ://i.stack.imgur.com/N1AH4.png

component.ts: 下面是我的component.ts,这里声明component.html值的表单值

module.ts: 下面是我的module.ts

组件.services.ts:

图像1

0 投票
1 回答
1022 浏览

angular - 使用Angular 4 Application从docker中的沙发数据库数据库中获取数据

我有一个用 Angular 4 开发的 UI 应用程序。我还有一个服务超级登录和数据库沙发数据库。我正在从 Angular 4 应用程序向别名为 couchdb:5984 的沙发数据库发出请求,请求的状态为失败(失败)net:ERR_CONNECTION_REFUSED

回购:https ://github.com/janastu/iihs_couch_services

下面是我的 docker-compose.yml

所有容器都已启动并正在运行。如何从 Angular 4 应用程序的容器沙发数据库访问数据库?

执行 docker-compose up 后的屏幕截图

0 投票
1 回答
1498 浏览

angular - Angular.io 拦截器与服务工作者

我想更好地理解实现离线友好的 webapps 的选项,我在这里阅读了这篇文章:https ://angular.io/guide/http也谈到了 angular 的拦截器。

现在我有点疑惑:

一方面我们有服务工作者(浏览器尚未完全支持),这将有助于实现离线优先/友好的应用程序,另一方面我们有这个强大的工具 - 拦截器 - 它可以做很多事情来帮助应用程序更好地处理不良或无连接环境。

那么对这两者之间的区别有清楚的了解吗?什么时候用一个,什么时候用另一个?

0 投票
3 回答
557 浏览

json - 无法以 JSON 格式提取角度 4 的 _body 响应

我正在为我的应用程序使用 angular 4.2.6。我有这样的服务

checkStaff(email:any){ return this._http.post(this.url+"/Impsapi/getStaff",JSON.stringify(email)).map( (resp)=> resp )

}

服务器返回 JSON 作为响应。但是当我记录输出时,我得到以下 记录的响应

请我需要使用响应正文中的数据。我无法将 ._body 转换为正确的 json 并用于应用程序。请帮忙

0 投票
1 回答
2647 浏览

angular - Angular 4,httpClient 和 HttpClientModule 的区别

在本文和其他文章中:看起来您需要在 app.module.ts 中导入 HttpClientModule 和在 app.component.ts 中导入 HttpClient 来发出 http 请求。为什么?它们是如何工作的?

0 投票
1 回答
1573 浏览

angular - 如何在 Angular 4 中的 iframe 上设置 localhost 路径

嗨,请帮助解决代码。如果我嵌入存储在我的项目目录中的静态 HTML 文件,当我在 iframe 中嵌入实时 URL 时,iframe 无法正常工作

这是我的文件夹结构

模板.component.html

模板.component.ts

0 投票
1 回答
2723 浏览

angular - 在 Angular 2 或 Angular 4 中下载 PDF

我们在 Angular4 中设计了一个页面,其中包含下载 PDF 文件功能。当用户单击下载时,我的应用程序会调用 Web API 并获取 PDF 文件数据。我为此使用了文件保护程序包。下面是它的代码片段。

Angular4代码:

这就是我的 API 的样子:

该代码在某种程度上似乎运行良好。当我单击下载时,API 调用被命中并收到响应。此外,还下载了一个文件。但是,当我尝试打开它时,它显示“加载 PDF 文档失败”。我想我在内容匹配中犯了一些错误并尝试了各种选项,但都没有成功。

有没有人对此有任何意见,请!

提前致谢。

0 投票
1 回答
373 浏览

ngrx-effects - 处理 @ngrx/effects 中的非 JSON 数据

我不知道如何处理 @ngrx/effects 中的非 JSON 数据

我想解析文本而不是 JSON

它总是去getNonJsonDataRejected行动,它不去getNonJsonDataFulfilled行动。

我收到此错误消息 "Http failure during parsing, name:"HttpErrorResponse"

SyntaxError: Unexpected token A in JSON at position 0 at Object.parse (<anonymous>) at XMLHttpRequest.onLoad

请告诉我。

0 投票
2 回答
2373 浏览

angular - Angular 4单个API请求多次运行

我有关于 Angular 4 应用程序的问题。我创建了一个从第三方 API 获取数据的应用程序。我遇到的问题是我的 API 多次调用,但我只发送了一次请求。

经过一些研发后,我发现浏览器正在使用 OPTION 方法运行飞行请求,但在检查了所有 API 后,我发现它们除了飞行请求外,它们正在运行多次。就像一个 API 一样,我请求 API 一次,它运行 4 次 2 次选项和 2 次 GET 请求。我检查了我的代码,只有一次请求正在运行。

我完全理解并同意航班请求。

我分析了我本地的所有调用,结果如下: 1. 所有 GET 调用都有相应的 OPTIONS 调用,根据某些文章,这不是问题 2. 但是,这些调用有多个:

这些是 GET 多次的唯一调用。对于所有其他调用,/environments、/settings、/admin、/currentevent、/currentshift.. get 调用只进行一次。

浏览器请求

0 投票
1 回答
18591 浏览

javascript - 无类型函数调用可能不接受类型参数 - Angular 5 http 调用

我正在尝试使用接口从 API 获取数据。Bellow是我的临时界面

下面是我的 HTTP 服务,其中有一个 fn getHomedetails,它调用了一个 API。

未定义接口。我不知道我做错了什么。上面的语法是 Angular 4.3X 语法。我使用的编辑器是 sublime 和 visual studio。