角度范围未更新为出厂值

Question

我创建了一个非常简单的工厂

angular.module('vpmClient')

.factory('DatosFactory', function($http){
    var datos = {};
    datos.data = [];

    datos.getDatos = function(){
        $http.post('php/dataHandler.php',{action:"get_datos"}).success(function(data){
            datos.data = data;
        });
    };

    datos.getDatos();

    return datos;
})

在控制器中，我将“datos.data”中的值设置为范围变量

angular.module('vpmClient')

.controller('DatosController', function($http,$scope,DatosFactory){
    $scope.datos = DatosFactory.data;
    $scope.datoSeleccionado = {};

    $scope.getDatos = function(){
        console.log(DatosFactory.data);
        return DatosFactory.data;
    }

    $scope.mostrarDato = function(dato){
        //$scope.datoSeleccionado = dato;
        //Magia
    }
});

我需要在工厂的帖子结束后更新“scope.datos”的值

注意：我从工厂做了一个console.log（在成功内），它正确地给了我对象，而且，在控制器中我创建了一个函数来从浏览器控制台返回工厂的值，它也可以工作，但是当我 console.log "scope.datos" 它返回一个空对象。

对不起我的英语不好

Answer 1

只需将承诺从 $http 返回给控制器

angular.module('vpmClient').factory('DatosFactory', function($http){
var datos = {};
datos.data = [];

datos.getDatos = function(){
    return $http.post('php/dataHandler.php',{action:"get_datos"});
};

return datos;
})

然后在控制器中调用服务

angular.module('vpmClient').controller('DatosController', function($http,$scope,DatosFactory){



$scope.datos = DatosFactory.data;
$scope.datoSeleccionado = {};

$scope.getDatos = function(){
  DatosFactory.getDatos()
  .then(function(httpResponse){
    console.log(httpResponse.data);
    $scope.datoSeleccionado = httpResponse.data;
  })
}
});

Answer 2

你需要使用then关键字：

$scope.getDatos = function() {
    DatosFactory.getDatos().then(function(data) {
        $scope.datos = data;
    });
}