Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS服务仅在第一次使用控制器时运行_Javascript_Angularjs - Fatal编程技术网

Javascript AngularJS服务仅在第一次使用控制器时运行

Javascript AngularJS服务仅在第一次使用控制器时运行,javascript,angularjs,Javascript,Angularjs,我有以下控制器,它使用服务客户返回客户。问题是它只在控制器第一次运行时执行服务。查看我的服务器,我发现它只在控制器第一次使用(加载该视图)时执行get请求,如果我更改视图并说添加一个客户,然后返回到该视图,该视图列出了未更新的客户,因为没有来自服务的另一个get请求 .controller('searchCTRL', ['$scope', '$http', 'Customers', function($scope, $http, Customers) { $scope.cus

我有以下控制器,它使用服务客户返回客户。问题是它只在控制器第一次运行时执行服务。查看我的服务器,我发现它只在控制器第一次使用(加载该视图)时执行get请求,如果我更改视图并说添加一个客户,然后返回到该视图,该视图列出了未更新的客户,因为没有来自服务的另一个get请求

  .controller('searchCTRL', ['$scope', '$http', 'Customers', function($scope, $http, Customers) {
        $scope.customers = Customers;
        $scope.deleteCustomer = function(id) {
            $http.delete('/api/customer/' + id)
                .success(function(data) {
                    $scope.customers.data = data;
                })
                .error(function(data) {
                    console.log('Error: ' + data);
                });
        };
  }])


如果我停留在视图上并重新加载页面,它会像应该的那样获取数据,但是对页面的任何后续访问都不再执行get。任何帮助都将不胜感激。

Angular。factory是单例的,因此它将始终只运行一次。另外,
$http
调用是异步的,因此您应该使用
promise
将数据传输到控制器。请尝试以下操作:

.factory('Customers', function($http, $q){
    return function () {
        var d = $q.defer();
        $http.get('/api/customer')
            .success(function(data) {
                d.resolve(data);
            })
            .error(function(data){
                console.log('error: ' + data);
                d.reject(data);
            });
        return d.promise;
    };
});
在控制器中:

.controller('searchCTRL', ['$scope', '$http', 'Customers', function($scope, $http, Customers) {
    Customers().then(function (data) {
        $scope.customers = data;
    });
...
由于
$http
返回承诺,您可以通过执行以下操作进一步简化
.factory

.factory('Customers', function($http){
    return function () {
        return $http.get('/api/customer');
    };
})

有关更多详细信息,请参见。

该函数可以简化为返回$http.get('/api/customer')。此外,问题似乎希望模拟“承诺展开”,即立即返回一个对象,该对象随后填充了数据。(另一种选择是使用承诺返回示例,然后在
$route
配置中解决它。)非常感谢,这解决了问题。我必须仔细阅读这些承诺,我还没有使用它们。在数据可用之前,返回数据承诺似乎是合理的。再次感谢!
.factory('Customers', function($http){
    return function () {
        return $http.get('/api/customer');
    };
})