AngularJS 是一个受欢迎的前端框架，它通过使用双向数据绑定来处理应用程序中的数据和UI。这种技术可以使开发人员减少代码量，并且便于在应用程序中实现数据的实时更新。
在许多情况下，应用程序中的模型数据是从持久化的服务端数据库中读取的。但问题是，如果这个数据库被外部应用程序修改了，AngularJS 是否能够自动更新视图？
答案是肯定的。AngularJS 提供了一些机制来实现此目的。
使用 $http 和 $q 服务
首先，我们需要了解 AngularJS 中的 $http 和 $q 服务。$http 是一个用于发出 HTTP 请求的服务，而 $q 是一个用于处理异步操作的服务。
考虑以下示例：假设我们有一个用于显示产品信息的 Web 应用程序。当用户打开该应用程序时，它将从服务器上获取产品列表。然后，当用户单击一个产品时，它会从服务器上获取该产品的详细信息并将其显示在屏幕上。
我们可以使用以下代码来实现此目的：
-- -------------------- ---- -------
----------------------- ---
-------------------------- --------- ----- --------------- --- -
--- -- - -----
----------- - ---
------------------ - -----
-------- ------------- -
------ --------------------------
------------------------ -
----------- - --------------
---
-
-------- ---------------------------- -
------ -------------------------- - ----------
------------------------ -
------------------ - --------------
---
-
---------------- - ------------------- -
-----------------------------
--
--------------
----在上面的代码中，我们定义了一个控制器 ProductCtrl。它使用 $http 和 $q 对象获取并处理数据。 getProducts() 函数通过向服务器发出 GET 请求来检索产品列表，并更新模型 vm.products。 getProductDetails() 函数当用户单击某个产品时，它会向服务器发送另一个 GET 请求以检索该产品的详细信息，并将其存储在 vm.selectedProduct 模型中。
使用 WebSockets
另一种方法是通过使用 WebSockets 来实现此目的。WebSockets 是一种支持双向通信的网络协议，可以使服务器主动向客户端发送数据，而不需要客户端进行轮询。
考虑以下示例：假设我们有一个在线聊天应用程序。当用户打开应用程序时，它会连接到服务器上的 WebSocket 端点。然后，当其他人发送消息时，服务器将通过 WebSocket 将消息推送到客户端。
我们可以使用以下代码来实现此目的：
-- -------------------- ---- -------
----------------------- ---
----------------------- ---------- ---------------- -
--- -- - --- -----------------
------------ - --------------- -
------------------------ -
---------------------------------------------
---
--
--------------- - ---
------------------ - ----------------- -
---------------------------------
--
----在上面的代码中，我们定义了一个控制器 ChatCtrl。它使用 WebSocket 对象连接到服务器，并处理来自服务器的消息。当消息到达时，$scope.$apply() 函数将更新模型 messages 并重新渲染视图。
使用第三方库
还有一些第三方库可以使 AngularJS 与后端集成更容易。例如，socket.io 库可以通过 WebSockets 提供实时通信。而 restangular 库可以提供更简单的 RESTful API 访问。
考虑以下示例：假设我们有一个用于显示
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25199