2016-12-07 17 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