【问题标题】:refreshing using observables: Angular2使用 observables 刷新:Angular2
【发布时间】:2016-12-09 06:44:16
【问题描述】:

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

【问题讨论】:

  • 发布您的代码,特别是在http 请求发生时的代码

标签: angular observable angular2-observables


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2017-08-31
    • 1970-01-01
    • 2017-02-16
    • 2016-09-07
    • 2016-04-29
    • 1970-01-01
    • 2016-08-18
    • 2016-01-24
    • 1970-01-01
    相关资源
    最近更新 更多