javascript - 当 Ajax 使用长轮询时，如何更新 AngularJS 中的模型？

Question

当我使用ajax长轮询技术时如何更新模型？首先我将加载默认列表

示例:- id1- id2- id3

然后在我的后台进程中，我设置了一个 ajax 长轮询，每 5 秒间隔运行一次。当ajax接收到更新时，它将相应地更新angularjs中的显示，而无需刷新页面。

因此，从下面的示例来看，当我收到更改时，它应该输出如下内容:例子:- id1- 我是新来的..- id3

使用这种技术可以吗？...不使用任何 websocket 或 nodejs...

谢谢

Answer 1

是的，这是可能的。

我假设您希望每 5 秒执行一次 GET 请求，因此不会真正保持连接始终打开。

如果您将请求方法放在您的范围内，您可以执行以下操作:

$scope.ids = ['id1','id2','id'3]; //by initial request.

postFunction() {
    //Request here
    var newData = request.data;
    $scope.ids.push(newData);
}

由于 Angular 模态使用 2way 数据绑定(bind)，您的 html 会立即更新。