2016-12-07 16 views
0

我想实现一个功能,用户在UI中填写一些信息,当他们点击'提交'或'开始'按钮后端代码开始更新数据库中的信息(这意味着后端工作正在进行)。 ui中的'状态'显示信息是否成功更新到数据库中。但是,我只能在刷新页面后才能看到'状态'中的结果。我做了一些研究,这表明observables具有某种更新的功能,可以用来及时刷新页面的某个部分。有人可以指出我正确的方向(也许是一个教程,或学习材料),其中类似的功能实现吗? 谢谢刷新使用observables:Angular2

+0

发布您的代码,特别是发生'http'请求时的代码 – Michael

回答

0

Observable本质上是流发射数据的流。您可以订阅(又名观察)流。

您可以创建一个几乎任何东西的流。

您可以创建一个按钮点击流。这将流向下游流,这将向端点发出请求。

该管道将流向另一个将接收HTTP响应的流。

然后,您会订阅最终流,每次从流中发出响应时都会更新视图(是的,您可以从流中发出HTTP响应)。

在Angular2中,你可以接着例如绑定到这个流的输出。

如何做到这一点?第一次不容易。

我写了一些希望很容易遵循的代码,应该有所帮助。

https://github.com/danday74/plunks

我也建议在这个Egghead的教程。

https://egghead.io/courses/introduction-to-reactive-programming

不知道有多少是免费的,但第一个肯定是,可能会帮助你。

这对于理解RXJS基础知识和RXJS流图非常重要。

https://gist.github.com/staltz/868e7e9bc2a7b8c1f754