问题标签 [angular2-services]

因此，我尝试使用 JSON Web 令牌进行身份验证，并且正在努力弄清楚如何将它们附加到标头并根据请求发送它们。

我试图使用https://github.com/auth0/angular2-jwt但我无法让它与 Angular 一起使用并放弃了，我想我可以弄清楚如何在每个请求中发送 JWT 或发送它在标题中（最好是标题）。只是比我想象的要难一点。

这是我的登录

和我的 login.service

我知道这些并不是真正需要的，但也许会有所帮助！创建此令牌并存储它后，我想做两件事，将其发送到标头中并提取我输入的到期日期。

一些 Node.js 登录代码

现在我只是想通过一个角度服务将它传递回这个服务的节点。

JWT 是我在本地存储中的 webtoken，我通过我的组件传递给服务。

我在任何地方都没有收到错误，但是当它到达我的节点服务器时，我从来没有在标题中收到它。

我创建了简单的 WebSocket 服务和一个组件，当通过 WebSocket 接收到新数据时，我很难更新视图。

websocket.service.ts

runner.component.ts

runners-list.html

在组件中成功调用了 onNext 方法，控制台正确打印了新数据，但视图没有更新。我什至尝试使用 ngZone 但没有成功。

使用下面的代码，我在浏览器中收到一个 javascript 错误：

constructor(private _http:Http) { }如果我从中删除image.service.ts，则不再发生错误。

我用http错了吗？我将如何制作http仅返回 json 的服务？

App.compontent.js：

image.service.js：

我是 Angular2 的新手，开始编写一个所有方法都在的应用程序main.ts，然后该文件又在main.html. 我将此应用程序重构为子组件和服务。所以，我现在有：

sub.component作为指令包含在app.component. app.compontent注入data.service，我可以从app.component.

问题

以前，我可以从组件中的函数更新视图上的进度条。现在该函数在它自己的服务中，我如何更新用户关于服务中长时间运行（递归）方法的进度？我假设我必须将服务的进度传递给app.componentor sub.component，但这意味着如何完成？

我有一个名为 test 的类，其中的属性是数据。当 test.data 更新时，如何绑定home.showVar，test.datahome.showVar 也会更新（我想向用户显示列表）

基本上我想要一个名为 test 的服务，它触发 api 调用，然后返回数据并与现有数据合并，然后显示给用户。我是 angular2 和打字稿的新手。所以我不确定如何将http数据与现有数据合并并使其与不同的页面绑定。

我试图弄清楚如何根据上一篇文章中的登录来让菜单出现和消失。但我认为一个更好且可能更简单的问题是，我如何观察本地存储的变化？

我在本地存储中使用 json Web 令牌进行身份验证，我很想观察 localStorage 的变化，然后重新更新我对新信息的看法。

我用这个设置了我的localStorage

我想做的事情是检查我是否有令牌，如果我没有任何事情发生，但是当发生变化时会触发一个事件。如果我只能监视某个命名事件，例如 localStorage.getItem('jwt')，我会特别喜欢它。

谢谢！

编辑：

Gunter 为我指出了正确的方向，但以防万一有人仍然对此感到困惑，这里有一个 plunker 向您展示如何做到这一点。 http://plnkr.co/edit/TiUasGdutCsll1nI6USC?p=preview

全部，

这就是我所拥有的：

用户列表.component.ts

用户列表.component.html

一些可重用的组件.ts

一些可重用的component.html

这是我的问题：

当我单击它调用该功能的按钮时UserListComponent就很好，但是当提到this它时SomeReusableComponent，我明白为什么会发生这种情况，但我正在寻找解决方案？您可以在上面的示例中看到调用this.userSerivce.delete(id);将失败，因为userService在 上不存在SomeReusableComponent。

我希望上面的例子有意义。

谢谢

史蒂夫

我试图在 Redux 的帮助下消除组件对 Angular 服务的依赖。

基本上，流程是组件 -> 操作 -> 服务

在服务中我要使用@angular/core的http模块，建议在构造函数中传入：

当我从操作中调用服务时，它不会获取 http 提供程序，因为我没有 http 提供程序的实例。

如何将 http 提供程序注入服务？

所以我昨天回答了一个问题，我觉得我在复制代码，并没有完全理解我在做什么，直到我开始深入研究 Observables。我的问题是我总是很难根据自己的需要申请和查找文档。这意味着我仍然相当依赖于查看其他人如何使用代码，以便更好地掌握这些概念。

我花了大部分时间在这里阅读相当优秀的文档https://github.com/Reactive-Extensions/RxJS/tree/master/doc

我开始理解 observables 背后的想法和力量，而不是 promises。到目前为止，我对它们有三个问题；

1. 有哪些好的在线资源可以让我开始深入挖掘？

我的其他问题确实涉及如何在我的代码中更有效地使用它们。

2. 如何获取我的 observable 的最后更新值并将其保存在变量中？还有什么好方法可以在页面重新加载时保留变量？

我将为接下来的几个问题发布我的代码

这是我的 LocalStorage 类：

现在，当这加载时，我的第一个确实会正确触发，但是如果我刷新页面，则保存已登录的变量中没有任何内容，因此菜单消失了。这有两个问题，一个是我真的很想在更新时动态更改变量以仅保存一个值，而不必使用可观察的强制数组。我只能使用 observable 作为数组吗？

3. 我从阅读中了解到，Angular2 不能使用 $watch 事件来监视可观察对象的更改以触发事件/函数。是否有另一种方法来观察对可观察对象的更改以触发功能或事件？

我绝对希望我的代码的答案受到质疑，以及如何更好地使用它，并希望以一种不那么骇人听闻的方式。但我更想对 Observables/Subjects 和好的资源有一个很好的理解。我知道这是一篇冗长而广泛的帖子，我只是没有任何人可以去找或寻求任何帮助，而且你们中的许多在这里回答问题的 angular2 人都非常有帮助，并且让我更容易我理解这些概念。

谢谢！

我正在尝试在 Angular 2 中测试我的组件，但是当组件的服务不在其提供程序中时，它会出现问题。

这是我的测试：

我得到的错误是：

我尝试了 overrideProvide 方法，但它不起作用，还尝试在测试中创建一个 TestComponent 并将提供程序与 ComponentName 指令一起传递到那里。

有人有什么想法吗？是否不可能通过引导文件引导服务而不使用@Component 中的提供程序？我认为这就是 beforeEachProviders 的全部意义所在。