Question

我正在尝试从AngularJS中找到等效的$interval到Angular 5。

$interval将重复执行函数调用或阻止指定次数，并且中间有延迟。这是我想要做的，用AngularJS编写：

$interval(function() {
      myFunction(param1, param2)
      i++;
    }, delay, count);

对 i 进行抽象，我将其用于其他目的。如何在Angular 5中实现这一目标？我已经尝试使用 rxjs / Observable ，但我似乎无法找到一种方法来同时包含延迟和运行部分。

谢谢。

Answer 1

您可以使用timer静态方法和take运算符。

import (timer} from 'rxjs';
import {take} from 'rxjs/operators';  

timer(yourDelay, 1000).pipe(
   take(yourCount)).subscribe(x=>{
    // do here whatever you want to do
    })

我以为你使用RxJS 6。

Answer 2

您可以使用rxjs的间隔

import { interval } from 'rxjs/observable/interval';

//emit value in sequence every 1 second
const source = interval(1000);
//output: 0,1,2,3,4,5....
const subscribe = source.subscribe(val => console.log(val));

这将在每1秒后发出新值

Answer 3

您可以2017 2018 A 1 B 2 C 3与interval一起使用来控制您想要调用函数的次数。

take

Answer 4

您可以参考this教程进行查询。它也可以在Angular 5中正常工作。.我尝试了它，并在此给出了简单的方法。

import { Observable } from “rxjs”;

import { IntervalObservable } from “rxjs/observable/IntervalObservable”;

import { TimerObservable } from “rxjs/observable/TimerObservable”;

import “rxjs/add/operator/takeWhile”;

Declare variable in class
export class MyComponent implements OnInit { 

private alive: boolean; 

}

In ngOnInit() function use below code to call service after particular interval of time
ngOnInit() {

IntervalObservable.create(10000)  .takeWhile(() => this.alive) 
// only fires when component is alive  

.subscribe(() => { this.yourService.getDataList()   
.subscribe(data => { this.agentData = data.json().result; console.log(this.agentData);   });
 });
}

Angular 5 - 相当于AngularJS的$ interval

4 个答案: