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