如何在每个循环中等待/完成多个插入函数？

Question

如何异步执行此操作，打印 console.log("PRINT THIS, AFTER ALL LOOP IS DONE")

我在 forEach 里面有 forEach。

InsertService 不返回任何值，我只想在这里插入。

我不知道如何应用 $q 和 $q.all。请帮忙。

   angular.forEach(MAIN, function (value, key) {

          //#1
         SelectService1.SelectID(value.id).then(function (res) {
             angular.forEach(res, function (value, key) {

              InsertService1.Insert(value).then(function (res) {
                  console.log("NEW INSERTED Service 1!");
                },
                function (err) {
                });

             });
          },
            function (err) {
           });

           //#2
         SelectService2.SelectID(value.id).then(function (res) {
             angular.forEach(res, function (value, key) {

              InsertService2.Insert(value).then(function (res) {
                  console.log("NEW INSERTED Service 2!");
                },
                function (err) {
                });

             });
          },
            function (err) {
           });


           //#3
         SelectService3.SelectID(value.id).then(function (res) {
             angular.forEach(res, function (value, key) {

              InsertService3.Insert(value).then(function (res) {
                  console.log("NEW INSERTED Service 3!");
                },
                function (err) {
                });

             });
          },
            function (err) {
           });
     });
               //
               console.log("PRINT THIS, AFTER ALL LOOP IS DONE");

            }

Answer 1

如果 Insert() 返回一个承诺，你可以这样做：

var inserts = [];
inserts.push(InsertService1.Insert(value));
inserts.push(InsertService2.Insert(value));
inserts.push(InsertService3.Insert(value));

$q.all(inserts).then(()=>{/*once all have finished*/});

Answer 2

如果每个InsertService.Insert(value)都返回promise，

你可以用这个

var res1 = InsertService1.Insert(value).then( function (res) {
    console.log("NEW INSERTED Service 1!");
}, function (err) {
    console.log("error here");
});

var res2 = InsertService2.Insert(value).then( function (res) {
    console.log("NEW INSERTED service 2 !");
}, function (err) {
    console.log("error here");
});

var res3 = InsertService3.Insert(value).then( function (res) {
    console.log("NEW INSERTED service 3");
}, function (err) {
    console.log("error here");
});

$q.all([res1, res2, re3]).then(function(results){

    console.log(results[0]);   //  this returns promise of res1;
    console.log(results[1]);   //  this returns promise of res2;
    console.log(results[2]);   //  this returns promise of res3; 

    console.log("PRINT THIS, AFTER ALL LOOP IS DONE");
});

试试这个:)

.

.

.

.

编辑

我不确定我理解的是你想要的，这里有一个示例代码。

function fnOne(param1, param2, ...) {
    return $q(function (resolve, reject) {

       // you can do anything what you want in here
       // and just put success value or error value in resolve or reject

       if(success){
           // result of your code is successful
           resolve(success value);     // this success value will call in $q.all();
       } else {
           // result of your code is failed
           reject(failed value);
       }
    });
}

然后让fnTwo, fnThree, ... 像上面一样。

然后你可以像下面这样使用 $q.all。

$q.all([
    fnOne(
        param1,
        param2,
        ...
    ),
    fnTwo(
        param1,
        param2,
        ...
    ),
    ...
]).then(function (response) {
    // response[0] returns promise of fnOne()
    // response[1] returns promise of fnTwo()
    ....

   console.log("PRINT THIS, AFTER ALL LOOP IS DONE");
});

$q.all 的then 在$q.all 数组的所有函数都执行完毕后执行。

您可以在所有函数完成自己的工作后打印“PRINT THIS, AFTER ALL LOOP IS DONE”。

我想这可能对你有帮助。