问题标签 [angular2-http]

我正在为我的 Angular2 应用程序使用 angular-cli。每当我尝试在组件/服务中加载 angular2/http 时，cli 终端中都不会显示错误，但在浏览器的控制台中会显示 -

获取http://localhost:4200/angular2/http 404（未找到）

未处理的承诺拒绝：错误：XHR 错误（404 未找到） 在 XMLHttpRequest.desc.set.wrapFn [as _onreadystatechange] ( http://localhost:4200/vendor/ zone.xml) 加载http://localhost:4200/angular2/http 。 js/dist/zone.js:769:30 ) 在 ZoneDelegate.invokeTask ( http://localhost:4200/vendor/zone.js/dist/zone.js:356:38 ) 在 Zone.runTask ( http:// localhost:4200/vendor/zone.js/dist/zone.js:256:48 ) 在 XMLHttpRequest.ZoneTask.invoke ( http://localhost:4200/vendor/zone.js/dist/zone.js:423:34 )从http://localhost:4200/app/js-tree.component.js将http://localhost:4200/angular2/http加载为“angular2/http”时 出错; 区域：; 任务：Promise.then；值：错误：错误：XHR 错误 (404 Not Found) 在 XMLHttpRequest.desc.set.wrapFn [as _onreadystatechange] ( http ://localhost:4200/vendor/zone. js/dist/zone.js:769:30 ) 在 ZoneDelegate.invokeTask ( http://localhost:4200/vendor/zone.js/dist/zone.js:356:38 ) 在 Zone.runTask ( http:// localhost:4200/vendor/zone.js/dist/zone.js:256:48 ) 在 XMLHttpRequest.ZoneTask.invoke ( http://localhost:4200/vendor/zone.js/dist/zone.js:423:34 )从http://localhost:4200/app/js-tree.component.js将http://localhost:4200/angular2/http加载为“angular2/http”时 出错

我的 angular-cli 版本是 0.0.39

节点：4.2.2

这是我的 system-config.ts

还有我的 package.json

和我的 index.html

I just started with an Angular 2 app that makes some http calls and this introduced me with Observables. I am still having a hard time in learning how to deal with them, the documentation is a bit lacking for beginners. I'll give a short example to illustrate the difficulties that I encounter:

This is a get call that returns a boolean value. Now if I would want to use this value in a function I instinctively would expect that I could assign a variable like this:

Obviously this isn't possible, I read that in order to get output from an observable you need to subscribe to it. Isn't there a possibility to let my function getValue() return a boolean and not an observable? In this case however, since I only need to have boolean value, I am not sure if asynchrounous programming makes sense? It's not as if this can take a long time. Is there also a way in Angular 2 to get rid of this asynchronous behavior (for simple functions like this?)?

我正在尝试创建一个数据服务，它每隔设定的秒数从我的 API 中提取数据，并返回 API 返回的两种不同数据类型的两个 Observable。我是 Observables 的新手，所以任何帮助都将不胜感激。

我的 API 返回两个 json 对象数组（例如{'Data1':[array of data objects], 'Data2':[array of data objects]}）。我可以做类似的事情吗？

然后在我的组件中，我可以导入 DataService 并调用data1 = DataService.getData1()？

当 http 请求触发时，该调用是否会是一个可观察的，它将在 10 秒的间隔内继续更新数据？再说一次，我是 observables 的新手，如果这是完全错误的，我很抱歉。

这是我在这里的第一个问题。我对 API 上的 http 请求有疑问。当我提出请求时，控制台上会显示以下错误：

例外：找不到“object”类型的不同支持对象“[object Object]”。NgFor 仅支持绑定到 Iterables，例如 Arrays。

每个文件的内容是：

引导.ts

app.component.ts

peli.service.ts

pel.ts

以及我从请求中收到的 JSON 文件（输入 - 蜘蛛侠）：

我不知道问题出在哪里，一切似乎都很好......

提前致谢！！

我需要上传一个文件并发送一些json，我有这个功能：

我的问题是，如果我设置content-type为“ multipart/form-data”，我的服务器抱怨边界，如果我content-type完全删除标题，我的服务器抱怨它“ text/plain”是受支持的媒体类型。

那么，如何使用 angular2 发送 FormData？

在 Angular 2 应用程序中，对 API 的每个请求都有带有令牌的标头，以防令牌过期，API 会以 401 http 代码响应。我有一种更新令牌的方法，但是如何在获取新令牌的过程中重新发送先前的请求以暂停其他人？

我正在为我的 Angular2 打字稿应用程序创建一个 HttpClient，但我陷入了错误处理程序。

我想在捕获 401 错误时发出事件，并且我能够捕获错误但不能触发我的事件，因为 .catch 需要附加到 Observable 类型的函数，所以我无法访问我的 HttpClient 类这个范围。

所以我知道我无法从这个函数内部访问我的 this.events，但是解决方法是什么？我怎样才能在那里注入事件？

我发现了一些关于此的内容，但大多数示例和解释已被弃用，并且不适用于 RC1。

我需要完全按照这个遗留代码进行这个调用：

所以，基本上我需要使用 withCredentials 进行调用。有什么帮助吗？

我正在使用 observables 在 angular2 中创建登录服务，但我需要一种方法来延迟错误响应。实际上我的服务是这样的：

事实上，“如果调用有正确的数据，它不会被延迟。但如果得到错误代码，任何调用都会被延迟”。

在服务器端，我在登录错误中发送 403 代码。提前致谢。

我已将 Angular 2 应用程序更改为 RC。在我包含 HTTP_PROVIDER 并创建 service.ts 之前它运行良好。

我收到一个错误

我似乎无法发现原因。有人能帮忙吗 ？

这是我的 service.ts 代码