AngularJS自动同步服务器和客户端之间的数据

在AngularJS文档中有些东西我似乎无法find,或者我只是想念。

我在后端创build了一个带有NodeJS和Express的Web应用程序,我试图了解它如何在前端与Angular进行交互。 特别是,我将有一个用于Angular获取信息的JSON API。 我希望前端始终处于最新状态。

我的问题是:

  • 双向数据绑定function是否意味着Angular($ resource或$ http)每n秒自动从服务器获取数据?
  • 它自然使用长轮询,短轮询还是websocket?
  • 你需要JQuery来实现服务器 – 客户端同步还是一切都可以用Angular来完成?
  • 你是否需要添加额外的代码来使这种行为发生? 我需要使用$超时吗?

我似乎find的每个例子都涉及客户端获取数据一次。 不与服务器同步数据。

AngularJS中的双向绑定是指数据模型($ scope)和你的视图(指令)。 例如,如果数据在模型中发生变化,视图将自动更新。 同样,如果用户修改视图中的数据,您的模型将自动更新。

通过$ http服务模块进行与Web服务的交互。 因此,要从您的RESTful API获取数据,您需要执行以下操作:

$http.get('/someUrl').success(successCallback); 

$ http的完整文档位于AngularJS站点上 。 我想你会发现它非常类似于jQuery的$ .ajax方法。 您可以使用angular的$ timeout服务(基本上是setTimeout的包装器)轻松设置$ http.get()进行短轮询。

要在AngularJS客户端和服务器API之间进行实时更新,您可能需要查看Socket.io 。 它使用node.js在浏览器和服务器之间创build一个活动套接字连接,并为旧版浏览器提供回退机制(flash,long-polling)。 GitHub上有一个样板项目,演示了如何使用Socket.io设置AngularJS: https : //github.com/btford/angular-socket-io-seed

回顾一下:

双向数据绑定function是否意味着Angular($ resource或$ http)每n秒自动从服务器获取数据?

不,双向绑定是在Angular模型和视图之间。

它自然使用长轮询,短轮询还是websocket?

Angular默认不包含这些内容。 你必须自己设置它们。

你需要JQuery来实现服务器 – 客户端同步还是一切都可以用Angular来完成?

从广义上讲,$ http是jQuery的$ .ajax的Angular等价物

你是否需要添加额外的代码来使这种行为发生? 我需要使用$超时吗?

使用$ timeout进行短轮询,或者为长轮询和/或websockets推出自己的解决scheme(请参阅angular-socket-io-seed项目)。