Question

Angular的新手，可能使用了错误的承诺。我有一家工厂回复了承诺：

.factory('myData', ['$http', '$q', function($http, $q) {
    var deferred = $q.defer();

    $http.get('/path/to/endpoint')
        .success(function(data) {
            deferred.resolve(data);
        })
        .error(function(err) {
            deferred.reject(err.what())
        });

    return deferred.promise;
}])

现在，如果我将工厂注入某处，我可以使用承诺：

.controller('myController', ['$scope', 'myData', function($scope, myData) {
    myData.then(function(result) {
        $scope.data = result;
    });
}]);

这很好，但是我开始在几个地方使用myData，我不想在我使用数据的每个指令和控制器中编写新的.then。承诺得到解决我不再关心它了，有没有办法让myData返回一个承诺，如果它没有得到解决但只是在它完成解析后返回结果？

换句话说，解决后myData .then可以简单result .then，还是每次都要写一个新的{{1}}？

Answer 1

使用promises

首先，您的myData服务只能返回电话：

.factory('myData', ['$http', function($http) {
    return $http.get('/path/to/endpoint').then(function(req){
       return req.data;
    });
}]);

展开值

所以你知道如何在Angular中使用promises ... 但是，你想要更好的东西，你希望承诺自动解开Angular的摘要。这很棘手，但可以做到。请注意，它可能会在代码中造成混淆，我并不是真的推荐它，但这是一般的想法：

自动展开

.factory('myData', ['$http', function($http) {
    var result = []; // initial result to return
    var p = $http.get('/path/to/endpoint').then(function(res){
       result.push.apply(result, res.data); // add all the items
    });
    result.then = p.then; // allow hooking on it
    return result; // return the array, initially empty
}]);

这可以让你做类似的事情：

.controller('myController', ['$scope', 'myData', function($scope, myData) {
    $scope.data = myData;
}]);

哪个会在那里放一个空数组，并且会在真实数据到达时替换它（也会导致摘要），你仍然可以myData.then来检查它是否已完成加载你自己如果你需要确定，可以使用旧的语法。

这是个好主意吗？

请注意 Angular用于执行此操作直到版本1.2（在1.3中完全删除）但停止这样做，因为自动展开被认为太神奇了。您可以制定自己的决定，但请注意Angular核心团队认为这不是一个好主意。请注意，像ngResource这样的东西仍然这样做。

Answer 2

是，解决服务/工厂中的承诺，并在控制器中引用已解决的承诺值，而不是在控制器中引用和处理承诺。希望这是有道理的。

在Angular承诺工厂

2 个答案:

使用promises

展开值

自动展开

这是个好主意吗？