Angularjs 从控制器范围内的承诺返回数据

Question

亲爱的 AngularJS 专家，

如何在具有工厂返回承诺的控制器中设置 $scope.data。我所能做的就是使用工厂对象的方法范围内返回的数据，并且我不能将数据“加载”到控制器范围内现有的值中。如何将数据传递到控制器的范围内？

代码序列如下 这是工厂：

var features = {};        
        // the method returns a promise tot he controller needed to be delt with .then()
        features.getPromise = function(){
            //make a promise
            var promise = $http({method: 'GET', url: '../../LIBS/inc/getAllGeoFeatures.php'})
                .success(function(data, status, headers, config){
                    return data;
                })
                .error(function(data, status, headers, config){
                    $log.warn(data, status, headers, config);
                });
            return promise;
        };

这是控制器：

$scope.data = 'null';

        factGetFeat.getPromise().then(function(promise){

            $scope.data = promise;
            $log.info($scope.data);  //gets the object all right
           // here I can work with the data but I cannot share it with the controller
           // i.e. with the view
        });

        $log.info($scope.data); //$scope.data is still null and I need it loaded with the data

我需要一些建议，因为我觉得我无处可去

我什至尝试用方法的结果加载 $scope.data，但我只得到了承诺对象而不是数据：

对象{then：函数，catch：函数，finally：函数}

请指教。

附：我使用角度 1.2.x

非常感谢您的时间和耐心。

Answer 1

应该是

factGetFeat.getPromise().then(function(promise){
   $scope.data = promise;
   $log.info($scope.data);  //gets the object all right
}).then(function(){
    // here you can see $scope.data updated with a new value
    $log.info($scope.data); 
});

作为替代：

var promise = factGetFeat.getPromise().then(function(promise){
   $scope.data = promise;
   $log.info($scope.data);  //gets the object all right
});

promise.then(function(){
    // here you can see $scope.data updated with a new value
    $log.info($scope.data); 
});

.then 在第一个承诺解决时评估

Answer 2

你做的几乎是对的。您只需要从您的服务中返回承诺。 如果我理解您的问题，当您在最后一页调用$log.info($scope.data) 时，您担心$scope.data 为空。这是完全正确的。 $scope.data 稍后会在 HTTP 调用成功完成时设置。 如果只需要在数据到达时进行任何操作，则必须包含success回调。

这是它的样子：

var app = angular.module('app',[]);

app.factory('featuresService', ['$http', '$log', function($http, $log) {

    var getPromise = function() {
        //create the promise, this will be returned from this function
        var promise = $http({method: 'GET', url: '../../LIBS/inc/getAllGeoFeatures.php'});

        //on error do some logging here
        promise.error(function(data, status, headers, config) {
            $log.warn(data, status, headers, config);
        });

        return promise;
    };  

    return {
        getPromise: getPromise;
    }

  }]);


app.controller('testCtrl', 'featuresService', function($scope, featuresService) {

    //set initial values
    $scope.data = null;
    $scope.vectorAllLibs = null;

    var init = function() {
        featuresService.getPromise().then(function(data) {
            $scope.data = data;
            $scope.vectorAllLibs = convertVectorAllLibs(data);
        };
    };

    var convertVectorAllLibs = function(data) {
        return ol.source.GeoJSON({ projection: 'EPSG:3857', object: data });
    };

    $scope.processVectorAllLibs = function() {
        if (!$scope.vectorAllLibs) {
            alert('sorry, no data yet!');
            return;
        }

        //process here
    };

    init();

});