当发生服务器端更新时，如何更新 AngularJS 中的 $scope？

Question

背景

1. 我正在尝试制作一个使用 PHP、MYSQL 后端和 AngularJS 前端的单页实时应用程序

2. 我的后端使用的是提供 JSON API 的 CakePHP 框架，而前端使用 AngularJS 中的 ngResource 来访问这个 API。

3. 我的“Ratchet WebSockets for PHP”正在工作，当后端有更新时，它可以通过 websockets 触发对浏览器的响应。

---

我的不完整解决方案

解决方案 1： 使用通过 websocket 的响应通过某种 $scope.model.push(websocket.data) 方法来更新 AngularJS 的 $scope 对象？

解决方案 2： 使用通过 websocket 的响应触发 ngResource 上的 Refresh，这将完全刷新 $scope 对象？

---

问题

我的解决方案可行吗？我怎样才能实现它？

Answer 1

您只需要从 WS 读取事件并使用 $emit 和 $broadcast 填充它们，然后您的控制器就可以订阅与它们相关的任何事件。

看看：

angular websocket factory

AngularJS and WebSockets beyond