호출 API를 - 각도 JS는

Question

나는

for(var i=0; i<array.length; i++) 
    service.getfunction(array[i]).then(function(response) { 
     service.getfunction1(response).then(function(response) { 
     service.getfunction2(response).then(function(response) { 
      service.getfunction3(response).then(function(response) { 
      console.log(response); 
      }); 
     }); 
     }); 
    }); 
) 

두 번째 루프는 내가 처음 루프 마지막 getfunction3의 API에서 결과를 얻었다 후에 만 ​​시작해야 for 루프 내에서 실행해야 할 API 세트가 있습니다. 어떻게해야합니까?

Answer 1

첫째 - 당신은 체인 수처럼 약속 :

이

function doJob(i) { 
    return service.getfunction(array[i]).then(function(response) { 
    return service.getfunction1(response); 
    }).then(function(response) { 
    return service.getfunction2(response); 
    }).then(function(response) { 
    return service.getfunction3(response); 
    }).then(function(response) { 
    console.log(response); 
    }); 
} 

한 번에 해결 될 것입니다 약속을 반환합니다이 기능이 모든 서비스가 완료 호출 .

var p = Promise.resolve(true); 
for(var i = 0; i < array.length; i++) { 
    (function(idx) { //We need to wrap it or we will pass incorrect i into doJob 
    p = p.then(function() { 
     return doJob(idx); 
    }); 
    })(i); 
} 
p.then(function() { 
    console.log('Everything done'); 
}); 

Answer 2

하는 기능에 랩 : 모든

// Declare function 
function LoopAPI() { 
    for(var i=0; i<array.length; i++) 
     service.getfunction(array[i]).then(function(response) { 
      service.getfunction1(response).then(function(response) { 
      service.getfunction2(response).then(function(response) { 
       service.getfunction3(response).then(function(response) { 
       console.log(response); 

       // Call function again 
       LoopAPI(); 
       }); 
      }); 
      }); 
     }); 
    ) 
} 

// First call 
LoopAPI(); 

Answer 3

당신은 체인의 약속은 다음과 같은 순서대로 호출하는 Array.reduce를 사용할 수 있습니다 :

array.reduce(function(previous, next) 
{ 
    return previous.then(function() 
    { 
     return service.getfunction(next); 
    }) 
    .then(function(response) 
    { 
     return service.getfunction1(response); 
    }) 
    .then(function(response) 
    { 
     return service.getfunction2(response); 
    }) 
    .then(function(response) 
    { 
     return service.getfunction3(response); 
    }); 
}, Promise.resolve()) 
.then(function() 
{ 
    console.log("All done."); 
}) 
.catch(function(error) 
{ 
    console.log(error); 
});