javascript - Angular Controller 功能不会将结果从一个功能返回到另一个功能

Question

在我的 Controller 中我有一个函数

$scope.orderHistory = {};
$scope.results = {};

var getHistory = function (max,offset)
 {
    //do some stuff
    $scope.orderHistory = data.entities;

    angular.forEach($scope.orderHistory,function(value)
    {
        $scope.results = getResults(value.id);
        console.log($scope.results);

    });

 }


 var getResults = function(id)
 {

    api.getHistoryData(id)
        .then ( function (results)
        {
            return results.data;

        });


 };

我遇到的问题是 getResults 函数似乎没有实际返回数据，而是在 getHistory 函数中将其设置为 $scope.results。

当我在 getResults 函数的 .then 部分执行 console.log in (results.data) 时，我看到了结果。任何人都可以帮助我理解为什么它不返回结果，即使它存在，以及我可以做些什么来修复它

Answer 1

执行then(function(){...})中的函数asynchronously ，并且包含的​​ getResults 函数不会等待它返回。更具体地说，api.getHistoryData 似乎返回一个 promise .

你可以使用 Angular 的数据绑定(bind)来解决这个问题:

var getHistory = function (max,offset)
 {
    //do some stuff
    $scope.orderHistory = data.entities;

    angular.forEach($scope.orderHistory,function(value)
    {
        getResults(value.id);    
    });

 }

var getResults = function(id)
 {   
    api.getHistoryData(id)
        .then ( function (results) {
            $scope.results = results.data;
        });
 };

然后在您的模板中使用如下内容:

<button ng-click="getHistory(0, 0)"></button>
{{results}}