Javascript 在Angular 8中，如何在固定的时间间隔后调用async方法？
我正在调用一个在for循环中运行的API，但我们希望在每次在循环中命中API之前等待1-2秒，因此我们将该方法设置为异步，并在命中API方法之前添加wait 但是我还想每5分钟调用一次异步方法，所以我在关闭异步方法之前添加了interval方法。但它的行为很奇怪，有时会等待5分钟再调用该方法，有时会多次调用，有时会在5分钟结束之前调用。 有什么帮助吗Javascript 在Angular 8中，如何在固定的时间间隔后调用async方法？,javascript,angular,async-await,rxjs,Javascript,Angular,Async Await,Rxjs,我正在调用一个在for循环中运行的API，但我们希望在每次在循环中命中API之前等待1-2秒，因此我们将该方法设置为异步，并在命中API方法之前添加wait 但是我还想每5分钟调用一次异步方法，所以我在关闭异步方法之前添加了interval方法。但它的行为很奇怪，有时会等待5分钟再调用该方法，有时会多次调用，有时会在5分钟结束之前调用。 有什么帮助吗 async fetchData(){ for(let index=0;index<rollNo[].length; index++){
async fetchData(){
for(let index=0;index<rollNo[].length; index++){
await new Promise(r => setTimeout(r, 2000)); //delay of 2 sec before passing the next rollNo
//calls the service
let subscription = callAPIMethod(rollNo[index]).subscribe((data) => {
this.Response = data;
subscription.unsubscribe();
}, (error) => {
this.showToasterMessage('', 'We encountered an error', 'error');
return;
});
}
//Wait for 5 min before starting all over again
interval(300000).subscribe(x => {
this.fetchData();
});
}
async fetchData（）{
for（让index=0；index setTimeout（r，2000））；//在传递下一个rollNo之前延迟2秒
//呼叫服务
let subscription=callAPIMethod（rollNo[index]）。subscription（（数据）=>{
这个。响应=数据；
订阅。取消订阅（）；
}，（错误）=>{
this.showToasterMessage（“”，'我们遇到了一个错误'，'错误'）；
返回；
});
}
//等待5分钟，然后重新开始
间隔（300000）。订阅（x=>{
这是fetchData（）；
});
}
.pipe（delay（2000））Interval或setTimeOut仅在方法不异步时才起作用，但如果我没有将该方法设置为异步，那么我就不能在每次点击API之前等待2秒钟。确保可以使用另一种方法和计时器rxjs/操作符来获取它。可观察到的相似物
obs=timer(0,1000).pipe(
take(this.rollNo[].length),
switchMap(_=>{
return callAPIMethod()
}))
timer(0,30000).pipe(switchMap(_=>{
return this.obs.pipe(tap((res)=>{
this.Response=res;
}))
})).subscribe()
//this NOT WORK, callAPIMethod return null
//in general, when we work with observables only makes actions in subscribe or in tap
//in the main "subscription" -in the example I use tap because I want to
//execute actions in a "inner observable"
callAPIMethod(code) {
let subscription = this.appService
.slotByPin(code, this.date)
.subscribe(data => {
this.response = data;
this.someOperationInsideThisMethod();
subscription.unsubscribe();
});
}
this.obs = timer(0, 1000).pipe(
take(this.parameters.length),
switchMap(index => {
//see that index is the result of "timer", that's 0,1,2,3...
//so we can send to the callAPIMethod parameters[index]
return this.callAPIMethod(parameters[index]);
})
);
timer(0, 10000)
.pipe(
switchMap(_ => {
return this.obs.pipe(
tap(
data => {
//see that you put here the code you had in your "callAPIMethod"
this.response = data;
this.someOperationInsideThisMethod();
})
);
})
)
.subscribe();
//see how the "callAPIMethod" return an observable
callAPIMethod(code) {
return this.appService
.slotByPin(code, this.date)
}
selectedCodes: string[] = [];
ngOnInit() {
this.delayedLoop(this.selectedCodes.length, 0);
setInterval(() => {
this.initializeSearch();
this.delayedLoop(this.selectedCodes.length, 0);
}, ((5000+this.selectedCodes.length)*1000));
delayedLoop(i:any,pIndex:any) {
let arrLength = i;
let tempIndex = pIndex;
if(this.selectedCodes && pIndex < this.selectedCodes.length){
let myThis = this;
setTimeout(function() {
myThis.fetchSlots(tempIndex,this.dateArrray);
if (--arrLength) {
tempIndex++;
myThis.delayedLoop(arrLength,tempIndex);
}
}, 1000)
}
}
selectedcode:string[]=[]；
恩戈尼尼特（）{
this.delayedLoop（this.selectedCodes.length，0）；
设置间隔（（）=>{
这是.initializeSearch（）；
this.delayedLoop（this.selectedCodes.length，0）；
}，（（5000+此.selectedCodes.length）*1000））；
延迟循环（i:any，pIndex:any）{
设arrLength=i；
设tempIndex=pIndex；
if（this.selectedCodes&&pIndexrxjsinterval（300000）。pipe（delay（2000））.subscribe（（）=>callAPIMethod（）.subscribe（））