Jak dodać funkcję zwrotną po asynchronizacji dla pętli "Czytaj pętlę"?wywołanie zwrotne po asynchronizacji dlaAnie AngularJS
Oto lepszy kontekst:
$scope.getAlbums = function(user, callback) {
$scope.albumsList.forEach(function (obj, i) {
$scope.getAlbum(user, obj.id, function(value){
$scope.albums.push(value);
});
});
// callback(); ???
};
$scope.getAlbums('guy123', function(){
// forEach loop is all done!
console.log($scope.albums)
});
Kontroler:
.controller('Filters', ['$scope','Imgur', function($scope, Imgur) {
$scope.getAlbum = function(user, id, callback) {
Imgur.album.get({user:user, id:id},
function(value) {
return callback(value.data);
}
);
}
$scope.getAlbums = function(user, callback) {
// Callback function at end of this forEach loop?
// Request is async...
$scope.albumsList.forEach(function (obj, i) {
$scope.getAlbum(user, obj.id, function(value){
$scope.albums.push(value);
});
});
};
)]};
Usługa:
.factory('Imgur', function($resource) {
return {
album : $resource('https://api.imgur.com/3/account/:user/album/:id')
}
});
To jest dokładnie to, czego potrzebowałem, jednak kiedy próbuję z zewnętrznymi danymi zasobowymi --- nie zawiera to obietnicy;) ... Czy mógłbyś podać przykład z dowolnymi danymi API, takimi jak twitter? –
Ponieważ używasz '$ resource', który również zwraca obietnicę, będziesz musiał zmodyfikować swój kod, aby połączyć obietnice razem i wywołanie' resolve() 'uruchamia cały mechanizm. –
Zobacz aktualizację przykładu na jsfiddle, która symuluje posta ajaxowego. –