javascript - Angular 范围未更新为出厂值

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

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

然后在Controller中，将“ 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，它正确地给了我Object，而且，在控制器中，我创建了一个函数来从浏览器控制台返回工厂的值，它也可以工作，但是当我console.log“ scope.datos”它返回一个空对象。

对不起，我的英语不好

最佳答案

只需将承诺从$ 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;
  })
}
});

关于javascript - Angular 范围未更新为出厂值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30871675/