如何在 AngularJS 中使用 $HTTP 再次检索数据

Question

我正在使用 AngularJS $http 获取数据并根据返回的数据创建对象列表。 当页面加载 $http 成功获取并返回数据。 如何在不刷新页面的情况下再次检索数据？

$http.get("files/data.json")
   .then(function (response) {
   // javascript to assign returned data to list of objects
}).catch(function (response) {
   console.log("error");
}); 

Answer 1

您也可以使用服务。

angular
    .module('yourModule', [])
    .service('HTTPService', ['$http', function($http) {
        this.get = () => $http.get('files/data.json');
    }])
    .controller('yourController', ['HTTPService', function(HTTPService) {
        HTTPService.get().then(function(response) {
            // javascript to assign returned data to list of objects
        }).catch(function (response) {
            console.log('error');
        }); 
    }]);

然后，你可以在任何你想使用的地方注入这个服务。

Answer 2

保存 $http 承诺：

var promise = $http.get("files/data.json");

promise.then(function (response) {
   // javascript to assign returned data to list of objects        
}).catch(function (response) {
   console.log("error");
   throw response;
});

然后再次提取数据：

promise.then(function (response) {
   // javascript to assign returned data to list of objects        
});

Promise 是一个容器，可以根据需要多次使用。