使用observables刷新:Angular2

时间:2016-12-07 00:27:37

标签: angular observable angular2-observables

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

1 个答案:

答案 0 :(得分:0)

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

您可以创建几乎任何内容的流。

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

将传递到另一个将接收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