Fetching asynchronous data

I’ve gone through the issues and nothing is ever answered in a way that makes this work for me.

Basic example:

var loadData = function() {
   var deferred = $q.defer();
   $http.get('/api/data')
       .then(function (res) {
           deferred.resolve(res.data);
        }, function (res) {
           deferred.reject();
        });
   };
   return deferred.promise;
}

This doesn’t work. The file immediately gets downloaded with 0 data. Can someone please tell me if there is another way to do it for ng-csv? I looked at the lazy-load example but I’m not sure what the purpose of that is.

[SamiSammour]

I had the same issue, I was using the service like this: <button ng-csv="getArray" filename="file.csv">export</button> and the getArray is a function that returns a promise which is resolved with the data. actually I have solved this issue by setting the ng-csv directive to call the function getArray() so the button will look like this: <button ng-csv="getArray()" filename="file.csv">export</button>

[ryan-hunter-pc]

I found this, facing the same question in my project, and the $q.defer() pattern in @daniel-van-niekerk 's comment solved it for me. However, during the same search I discovered (thanks to this blog) that promise-chaining can accomplish the same thing much more simply:

var loadData = function () {
    return $http.get('/api/data').then(function (res) {
        return res.data;
    });
};

I updated my own application to use that pattern, and it works perfectly.