AngularJSの非同期処理

01_PromiseSample.js

// ひとつ目のPromise
function getPromiseA() {
    var deferred = $q.defer();
    console.log('getPromiseA');
    setTimeout(
        function() {
            var resolveObj;
            // 処理の成功を示す promise.then() の successCallback をコール ( 引数オブジェクトを渡せる )
            console.log('getPromiseA resolve');
            deferred.resolve(resolveObj);
    }, 1000);
    return deferred.promise;
}

// 2つ目のPromise
function getPromiseB() {
    var deferred = $q.defer();
    console.log('getPromiseB');
    setTimeout(
        function() {
            var resolveObj;
            // 処理の成功を示す promise.then() の successCallback をコール ( 引数オブジェクトを渡せる )
            console.log('getPromiseB resolve');
            deferred.resolve(resolveObj);
    }, 1000);
    return deferred.promise;
}

02_PromiseAllSample.js

function doClick() {
    var promises = [];

    var promisesA = getPromiseA(); //任意の非同期処理 A
    var promisesB = getPromiseB(); //任意の非同期処理 B

    promises.push(promisesA);
    promises.push(promisesB);
    console.log(promises);

    var promiseAll = $q.all(promises);
    promiseAll.then(
        function() {
            console.log('PromiseAll End');
        }
    );
}