如何在指定时间（计划任务）后调用 Angular js 中的 api 端点？

Question

我有以下服务可以从 API 获取一些数据，并且工作正常

我在 app.run() 方法中调用此服务

// some code...

$scope.pageStudents;

    $scope.getStudentsPage = function(){

        $http({
              method: 'GET',
              url: 'studentsResource/students'
            }).then(function successCallback(response) {

                $scope.pageStudents = response.data;

              });

    };


    //i want to call this method every 5 min for example.
    $scope.getStudentsPage();

我的问题是如何调用我的$scope.getStudentsPage(); 每 5 分钟后，类似于预定作业（如 java 中的石英），angular 或 javascript 是否支持这个概念？ 请任何人都可以指导我如何实现此操作。 提前致谢。

Answer 1

如果你想进行一次延迟动作，那么你可以使用 angular 的$timeout服务。 如果您希望它多次发生，则可以使用$interval服务。

所以像这样：

$scope.pageStudents;

$scope.getStudentsPage = function(){
    $http({
        method: 'GET',
        url: 'studentsResource/students'
    }).then(function successCallback(response) {
        $scope.pageStudents = response.data;
    });
};

$interval(function () {
    $scope.getStudentsPage();
}, 300000); // <--- 5 minutes in milliseconds

在纯 javascript 中，您将使用 window.setTimeout 或 window.setInterval 来执行此操作。 在 angularjs 中，您应该改为使用 $timeout 和 $interval 服务，因为否则 angularjs 将无法正确运行其更改检测。

$timeout 和 $interval 的文档可以在这里找到：
https://docs.angularjs.org/api/ng/service/$timeout
https://docs.angularjs.org/api/ng/service/$interval

对于 setTimeout 和 setInterval 在这里：
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval