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

node.js - 如何在 Angular 4 中显示/隐藏导航列表

我正在使用 MEAN 堆栈进行登录身份验证。我在前端使用角度 4。我正在尝试基于登录实现显示/隐藏导航。当用户登录时,它必须显示导航列表,但它不显示它,也没有给出任何错误,但它只在登录前后显示登录按钮。下面是我的代码,任何人都可以在我犯错误的地方帮助我。对于后端登录身份验证,我使用了 passport.js 和 express session。我没有使用 JWT 令牌。

//navbar.component.html

//navbar.component.ts

//auth.service.ts

*********** Node.js 后端代码 ***********

//server.js

//user.router.js

//authMiddleware.js

//user.controller.js

0 投票
2 回答
104 浏览

angular - 如何在 angular4 observable 中每 2 分钟调用一次服务调用

在役

app.component.ts

间隔不工作

将鼠标悬停在该行上时会显示一些错误。此行中的错误:

当这样尝试时

此行错误:

e

没有间隔工作正常

以上代码存在语法问题,请提供更好的解决方案,不胜感激

0 投票
2 回答
304 浏览

arrays - 如何更改 Json 使用 Http 的索引。在 Angular 4 中?

我在mockapi中有 json 之类的

我想让它像:

我尝试了清除json(循环删除)并在上面发布json,结果是:

但我想要完全一样:

模拟API中

我的 ts 文件:

我的服务:

0 投票
1 回答
1340 浏览

angular2-services - 如何从服务返回 json 数据

我一直在订阅,如何从邮政服务中获取数据返回。即使我尝试在我的应用程序组件中进行转换,我也无法做到。

设施服务.ts

设施组件.ts

我正在获取 sbscription 对象,但我想以 json 的形式返回。

0 投票
1 回答
9068 浏览

angular - multi:true 在 angular4 中的提供者中意味着什么

HTTP_INTERCEPTORS在angular4中使用。为此,我创建HttpServiceInterceptor了实现HttpInterceptor接口并提供intercept方法定义的类。HTTP_INTERCEPTORS然后像这样注册提供者

这工作正常。但是我还是不明白multi:true这里是什么意思?我已阅读此答案

如果我删除multi:true选项,则浏览器端出现错误

这是否意味着HTTP_INTERCEPTORS初始化多个指令或组件的多提供者?如果是这样,那么其他指令和组件是什么?

0 投票
1 回答
3970 浏览

angular - 如何使用 Angular 4 Jasmine 单元测试用例覆盖 IF/ELSE 条件

帮助我覆盖 IF/Else 覆盖范围和返回 HTTP 响应的方法以及构造函数以覆盖Jasmine 单元测试用例的路由器和 Appconfig 服务的分支覆盖范围

在此处输入图像描述

0 投票
1 回答
27 浏览

node.js - (Angular4 / MEAN)向本地 API 发送请求会导致正文为空

我正在尝试将数据发布到 Items API,例如:

但是,当使用 HttpClient 发布数据时

我总是从 API 中的 Items Controller 收到 Bad Request 400 响应。

我已经在我的 app.js 中设置了 BodyParser

在 express 控制台中,输出如下

如您所见,主体是空的,这会阻止创建项目。我已经使用 Postman 进行了测试,当发送 url 编码的表单数据和原始 JSON 数据时,帖子成功并返回 200。但是,我永远无法让应用程序的请求正常工作。

感谢任何帮助,因为我已经为此苦苦挣扎了几个小时。

0 投票
1 回答
74 浏览

angular - 使用 RxJS 从 HTTP 请求在 Angular 组件之间传递数据的正确方法是什么?

我正在尝试为一个项目创建一个登录系统,我有一个身份验证服务、令牌服务和我的登录组件,我刚开始使用 RxJS,所以这很可能是一个非常愚蠢的问题。

我的设计是让令牌服务获取令牌并使用我的后端执行 HTTP 请求,将信息传递给 auth-service,这将确定用户是否成功登录,然后将其传递回 login-该组件将阻止允许用户进一步进入站点。

代码在我的令牌服务中是这样的:

auth-service 被注入到 login-component 中,token-service 被注入到 auth-service 中。如何获取我对身份验证服务的请求结果,以便它可以解析它并将布尔值返回给登录组件?

0 投票
2 回答
5542 浏览

angular - 在 Angular 的 HttpInterceptor 中进行实际 http 调用之前调用另一个 http api(没有拦截)

我正在使用HttpInterceptorAngular 的 api,HttpClientModule现在陷入了困境。这是我的用例。

在我的应用程序中,如果任何服务进行 http 调用,我想在它之前进行另一个静默 http 调用,并希望将其结果存储在本地。静默调用完成后,只有我会继续服务的 http 调用并返回其结果。

这就是我正在做的事情。(使用 HttpInterceptor)

现在,上面代码的问题是,它成功地执行了内部静默调用,但之后再没有调用原始的 api 调用。所以服务一直在等待。

0 投票
1 回答
842 浏览

angular - 带有自定义请求标头的 Angular 4

在 Angular 4 应用程序中工作。创建了用于向 api 发送请求的 http 拦截器。

我已经在我的 app.module.ts 中配置了这个拦截器,如下所示

在这里,我试图在 get 请求中传递一个自定义标头值,但是当我查看 chrome 中的网络选项卡时,我没有看到我的标头值在请求中传递。

我的 Asp.Net Web api 代码可能是。

当我从邮递员和高级重置客户端访问 url 时,我在 web.api 代码中获取用户名值。

但是当我从 Angular 4 应用程序访问相同的 api url 时,我没有得到标题值。

请在我失踪的地方帮助我。