问题标签 [angular2-http]

我目前正在使用 angular2 开发一个 Web 应用程序。我按照《英雄之旅》教程了解了基础知识。因此，我的本地服务器设置和应用程序架构是相同的。

我现在需要对静态文件执行 POST 请求。我设法发送请求，但服务器回答 404 未找到。使用 Firebug 检查网络请求，我可以看到：

这真的很奇怪，因为文件存在并且 url 是正确的。事实上，如果我将它粘贴到浏览器中（并执行 GET 请求），我可以正确检索 json。

我认为这可能是由于服务器端配置错误造成的。作为 angular2 教程，我使用的是 lite-server，但出了点问题。

有什么线索吗？

我成功完成了angular2“英雄之旅”入门教程。然后我构建了一个基于 symfony3、FosRestBundle 和 BazingaHateoasBundle 的 api 作为后端。现在几乎一切正常，但是在创建新项目时，我无法从响应中获取“位置”标头以加载新创建的项目。

这是我的英雄服务：

所以当我调用 addHero 方法时，会创建一个新的 Hero 并返回一个没有正文的 201 响应，但设置了 Location 标头：

问题是，res.headers.get('Location')没有从响应中获取 Location 标头。经过一些调试，似乎res.headers只是提供了两个标头 Cache-Control 和 Content-Type。但没有位置。

我知道应该也可以通过将新创建的数据添加到响应正文来解决问题，但这并不是我真正想要解决的方法。

先感谢您！

对于我的应用程序，我需要使用 List.json 来构建一个列表（我的应用程序的核心）。为了在我的所有组件之间共享这个列表，我决定创建一个服务。

在此服务中，我在构造函数中调用我的 json 文件，并使用 getter 在其他组件中获取此列表。但是当我调用 getter 时，构造函数还没有完成（http get 有点慢），它什么也没返回。（有一点超时，一切正常，但很脏）

构造函数完成后是否可以调用getter？

提前致谢 ！

我的服务：

我显示列表的组件：

实际上，我正在开发一个使用 Angular 2 编码的接口的 Spring REST API。

我的问题是我无法使用 Angular 2 上传文件。

我在 java 中的 Webresources 是：

当我通过带有 Auth 标头等的 URL 请求调用它时，它可以完美地工作......（带有适用于 Chrome 的 Advanced Rest Client 扩展）

证明：（在这种情况下一切正常）

我添加了

Spring 配置文件和 Pom 依赖项

但是当我尝试用 webform 做同样的事情时：

使用（更改）方法：

我的网络服务返回一个错误 500，在 tomcat 日志中显示：http: //pastebin.com/PGdcFUQb

我也尝试了该'Content-Type': undefined方法，但没有成功（在这种情况下，Web 服务返回 415 错误。

有人可以帮我找出问题所在吗？

问题解决了，我稍后会用我的代码更新这个问题:) 但是，看看 plunker 它工作得很好。谢谢。

我不知道如何将从 Web 服务返回的 json 对象数组映射到 Angular 2 应用程序中正确键入的对象数组。

正如您在 Angular 2 的官方 plunker 示例中看到的，预期的对象不是 Hero 类型，它们是 Object 类型，并且 HeroListComponent 的 heros:Hero[] 成员实际上是一个 Object[]。您可以在控制台中看到该数组不是强类型的：

http://plnkr.co/edit/Qa22yzPh3JWI8lNZ99Ik?p=preview

我添加了额外的 console.log() 调用来添加 hero 命令，您可以在浏览器控制台中看到我们没有 Hero[] 而是 Object[]。

所以显然这里的转换不起作用：

我们得到 Object[] 而不是 Hero[]。

关于如何将 json 映射到正确类型的对象的任何想法？

更多信息： https ://angular.io/docs/ts/latest/guide/server-communication.html

在带有 TypeScript 的 Angular 1 中，我能够创建服务，我知道我会得到哪种返回类型，比如数字数组或人对象：

在 Angular 2 中，我创建了以下服务，到目前为止它运行良好，但我不知道我可以在哪里设置一个完全类型化的返回类型，就像在 Angular 1 中使用 IPromise 和在我的情况下是一个人员数组一样。

I am dealing with authentication headers, one solution is to create a child class extends Http from 'angular2/http' and add default auth headers. I am using the same code from github, but it throws EXCEPTION: TypeError: backend.createConnection is not a function in [null] code here. But when I change it back to angular2/http, everything works fine. I cannot find any information about this exception message. Thanks for help!

Updates: I am using the same way the sample does. This is my service:

This is my /commom/http

This is part of my app.component:

If more code detail is needed, please let me know. Thanks!

Update2 As @Thierry Templier suggested, I change Http to AuthHttp in my common/http file, so as category service and app.component.ts, but this doesn't help.

The full stack of exception:

The dashboard.component:

I am using the latest version:

我正在使用带有 Meteor 1.2.1 的Angular2-Meteor包，并且想要导入 Angular 2 模块。我特别想导入 angular2/http。使用节点，气氛，打字或其他东西是否合适，命令是什么？我宁愿不必手动导入文件。

我正在尝试遵循这些指示：https://angular.io/docs/ts/latest/guide/server-communication.html并以对象（不是 json）的形式从服务器获取对象列表。

我有一个模型类（现在简化）：

我正在尝试通过服务类从服务器获取这些列表，如下所示：

使用服务类的客户端是：

请求正常通过，我回来了：

但是，在客户端内部subscribe，goals变量始终是“未定义的”。

我尝试调试它，这是我得到的：

这对我说 json 正确接收和解析，但是将其转换为目标对象不起作用（除非我没有完全了解该机制）。

我究竟做错了什么？

谢谢，

注意：authHttp我使用的服务是这个人：https ://auth0.com/blog/2015/11/10/introducing-angular2-jwt-a-library-for-angular2-authentication/ 。它可以按预期在所有其他地方工作。所以我怀疑这是一个问题。

我正在开发一个 Angular 2 服务，它从一个宁静的 WebApi 后端返回数据。

我试图让它优雅地处理不可用的服务，但是我在错误响应中得到了意想不到的信息。

这是代码

当我查看网络流量时，我看到了预期的 404 错误。

我的问题出在我的 catch 函数中。

这是我看到的价值：

我在这里做错了什么还是这是Angular2 beta 15中的错误？