javascript - 工厂内 promise ， promise 完成前返回

Question

我有一个工厂，areaFactory，里面有这个:

return {
    GetAreas : function(depKey){
        var areaPromise = AppService.getArea(depKey);
        areaPromise.then(function (Obj){
            var areas = Obj['rows'];
            var areaList = [];

            angular.forEach(areas, function(obj){
                areaList.push({
                    id: obj[0],
                    name: obj[1]
                });
            });

            return areaList;

        });
    }
}

当我从 Controller 调用 $scope.areas = AreaFactory.GetAreas(key); 时 $scope.areas 变得未定义，我认为这是因为我的工厂在我的 promise 完成之前返回 undefined。

在返回区域列表之前，如何让工厂等到 promise 完成？

Answer 1

从工厂方法返回 promise :

GetAreas : function(depKey){
        var areaPromise = AppService.getArea(depKey);
        return areaPromise.then(function (Obj){
              ....
        });
}

然后在 Controller 中:

AreaFactory.GetAreas(key).then(function(list){
    $scope.areas = list;
});