Question

我有以下控制器使用服务客户返回客户。问题是它只在第一次运行控制器时执行服务。查看我的服务器，我看到它只执行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);
                });
        };
  }])

和

.factory('Customers', function($http){
    var Customers = {};
    $http.get('/api/customer')
        .success(function(data) {
            Customers.data = data;
        })
        .error(function(data){
            console.log('error: ' + data);
        });
    return Customers;
});

如果我留在视图上并重新加载页面，它会获得类似的数据，但是对页面的任何后续访问都不再执行获取。任何帮助将不胜感激。

Answer 1

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');
    };
})

有关详细信息，请参阅documentation for $http。

仅使用运行第一次控制器的AngularJS服务

1 个答案: