angularjs - 如何让函数等待异步调用完成？

Question

我有一个 angularjs 服务来获取我的 json 数据。

// Controller.js file
$scope.data=Events.query();

$scope.getEventtypes = function(){
    angular.forEach($scope.data,function(value, key){
        var arr = [];
        if(key==$scope.month+$scope.year)  {
            for(var i=0; i<key.length; i++) {
                arr.push(value[i].type);
                $scope.eventtypes=arr.unique();
            }
        }
    });
};

在尝试访问 value[i].type 时，它会抛出错误无法读取属性 type of undefined。我知道这是因为异步调用。

//i want to add success function like this
$http.get('').success(function(data) {
....
});

谁能帮帮我？？如果你建议做一些比这更有效的事情会更好。谢谢

Answer 1

我使用异步 $http 服务(使用 jsonp)得到了类似的答案。

基本上你需要:

• 使用回调或
• 使用 promise 对象

promise :

var promise = service.getHistoricalDataWithQ($scope.symbol, $scope.startDate, $scope.endDate);

promise.then(function(data) {
   $scope.items = data;
});            

带有回调:

service.getHistoricalDataWithCallback(function (data) {
    $scope.items = data;
}, $scope.symbol, $scope.startDate, $scope.endDate);

查看答案 Angular using $htp and YQL .

见我的jsFiddle .