8

私はまだAngular JSを学習しており、異なるパラメーターを使用してlastfm APIに2つのajaxリクエストを行うこのコントローラーを持っています。両方のリクエストの読み込みインジケータを表示できるように、各リクエストがいつ終了したかを知りたいです。私はそれを調査し、プロミスと $q サービスについて読みましたが、これをどのように組み込むかについて頭を悩ませています。これを設定するより良い方法はありますか？また、各リクエストがいつ完了したかをどのように知ることができますか。ありがとう。

angular.module('lastfm')

.controller('ProfileCtrl', function ($scope, ajaxData, usersSharedInformation, $routeParams) {

    var username = $routeParams.user;

    //Get Recent tracks
    ajaxData.get({
        method: 'user.getrecenttracks',
        api_key: 'key would go here',
        limit: 20,
        user: username,
        format: 'json'
    })

    .then(function (response) {

        //Check reponse for error message
        if (response.data.message) {
            $scope.error = response.data.message;
        }  else {
            $scope.songs = response.data.recenttracks.track;
         }

    });

    //Get user info
    ajaxData.get({
        method: 'user.getInfo',
        api_key: 'key would go here',
        limit: 20,
        user: username,
        format: 'json'
    })

    .then(function (response) {

        //Check reponse for error message
        if (response.data.message) {
            $scope.error = response.data.message;
        }  else {
            $scope.user = response.data.user;
         }

    });
});

すべてのリクエストを処理するこのファクトリがあります

angular.module('lastfm')

.factory('ajaxData', function ($http, $q) {

return {
    get: function (params) {
        return $http.get('http://ws.audioscrobbler.com/2.0/', {
            params : params
        });
    }
}

});
4

1 に答える 1

16

を使用すると非常に簡単$q.all()です。$httpそれ自体が promise を返し、promise$q.all()の配列が解決されるまで解決されません

var ajax1=ajaxData.get(....).then(....);
var ajax2=ajaxData.get(....).then(....);

$q.all([ajax1,ajax2]).then(function(){
   /* all done, hide loader*/
})
于 2013-11-15T03:02:19.080 に答える