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

angular - Hot vs Cold Observables

在 RxJS 中,热 observable 是使用外部生产者的 observable,但冷 observable 使用本地生产者(参见例如Ben Lesh 的 RxJS Hot vs Cold Observable)。

AngularHttpClient.post使用冷的 observables 发送数据,并在您拨打电话时重复。

Angular 中是否有任何方法可以知道特定方法是使用热观测值还是冷观测值?

0 投票
3 回答
25231 浏览

json - 在 Angular 4 中显示订阅数据

我需要帮助来显示 Angular 4 中 api 的订阅输出。我怎么能这样做,因为我写了 data.data.data 但它说类型对象上不存在属性数据。我将如何在浏览器中输出它?下面是我的代码和下面的api图片

在此处输入图像描述

0 投票
2 回答
1657 浏览

angular - Angular 4如何将网页内容请求为json对象

我正在尝试通过 http 调用请求网页并收集数据。

我可以使用 chrome 插件避免跨域,但是当我发出请求时,响应始终为“null”。

如何在我的 Angular 应用程序中获取 html 页面作为 json 对象?

0 投票
1 回答
222 浏览

angular - Angular HttpClient 类型检查发布请求的响应

是否可以在 Angular(4.3+)中使用新的 HttpClient 对 POST(和其他请求的类型)进行类型检查?官方文档(https://angular.io/guide/http#typechecking-the-response)只提到了 GET 请求:

它是否以同样的方式适用于其他类型的请求?

0 投票
2 回答
2296 浏览

angular - 如何在服务和通知组件中处理 Angular 4 HttpClient 的响应

我想知道,在服务处理响应(保存令牌)后,如何使用新的 HttpClient(来自 @angular/common/http 的 Angular 4.3+)轻松通知组件有关 http 响应(成功或错误)的信息。

早些时候,我正在使用这段代码(使用@angular/http):

通过使用新模块,我不确定如何返回 Observable 并同时从服务访问它。这就是我目前所拥有的(auth.service.ts):

在那之后,我想通知 LoginComponent,我可以在其中导航到不同的页面。

0 投票
2 回答
2571 浏览

angular - 从 HttpModule 转换为 HttpClientModule

Angular 正在从 HttpModule 转换为 HttpClientModule 并弃用前者,详见Angular 4 中 HTTP 和 HTTPClient 的区别?.

但是https://angular.io/tutorial/toh-pt6的 Angular 教程使用 HttpModule,而https://angular.io/guide/http的基础信息使用 HttpClientModule,详见https://github.com/角度/角度/问题/19280。本教程使用内存服务器,而基础使用真正的 Web 服务器,使比较变得更加困难。

我尝试使用真实的 Web 服务器在 Angular 教程代码中从 HttpModule 切换到 HttpClientModule,并让某些部分正常工作,但其他部分不工作。将 hero.services.ts 中的 getHeroes 方法之一从

虽然可能有一些方法可以改进,这个版本可能有我还没有发现的问题。

但我没有看到 hero-search.service.ts 中的搜索方法的等价物

应该可以不用 map,但是你不能使用与上面相同的方法,因为有一个 Observable 而不是 Promise,你会得到如下错误:

有没有人将 Angular 教程中的 Heroes 演示转换为使用 HttpClientModule 或知道如何转换上面的搜索代码?

0 投票
1 回答
2104 浏览

angular - 在 Angular 4 中为每个 Http 请求制作全局身份验证标头

当我从 api 获取某些内容时,我想让授权标头不要一次又一次地声明它。

每次需要从 api 获取数据时,我都需要附加授权标头。我目前在 Angular 4 中使用 HTTPCLIENT。我的代码:

auth.service.ts

产品.service.ts

0 投票
1 回答
878 浏览

angular - 在 HttpClient 拦截器中制作全局授权标头

我正在我的应用程序中制作一个全局授权标头。我已经使用了拦截器,所以我不会在我的 get() 函数中声明授权标头。我是否正确实现了拦截器,因为当我调用 get() 函数时,它仍然要求令牌。它说没有提供令牌。我的 auth.interceptor 有问题吗?我应该在每个 get() 函数中声明授权标头不记名令牌吗?我认为每次发送/接收请求时都会调用拦截器?

auth.interceptor.ts

products.component.ts

0 投票
10 回答
240522 浏览

angular - Angular HttpClient“解析期间的Http失败”

我尝试从 Angular 4 向我的 Laravel 后端发送一个 POST 请求。

我的 LoginService 有这个方法:

我在我的 LoginComponent 中订阅了这个方法:

这是我的 Laravel 后端方法:

我的 Chrome 开发工具显示我的请求成功,状态码为 200。但是我的 Angular 代码触发了这个error块并给了我这个消息:

解析http://10.0.1.19/api/login时的 Http 失败

如果我从后端返回一个空数组,它可以工作......所以Angular试图将我的响应解析为JSON?我怎样才能禁用它?

0 投票
1 回答
441 浏览

angular - Angular4在组件中使用HttpClient服务

我是来自 Python 背景的 Angular4 新手,并试图了解创建 HTTPClient 服务然后在组件中使用该服务的最佳模式。

我的服务如下所示:

我的组件使用如下服务:

这行得通,但感觉服务有漏洞,因为消费者必须映射数据并处理错误。而如果我在 Python 中这样做,我会有类似的东西: