如何通过间隔从服务器获取数据？

Question

我使用 angular6，我尝试通过 5 秒的间隔从服务器获取 json。

JSFIDDLE

它是我的服务：

getExample(): Observable<any> {
    console.log('getExample');
    return Observable
      .timer(0, 5000)
      .flatMap(() => this.httpClient.get('https://jsonplaceholder.typicode.com/posts'))
      .map((r) => {
        return r;
      });
  }

请帮助修复此代码。

PS：更多简单的服务工作没有问题

Answer 1

RxJS 6 已更新为使用可管道操作符。 此外，计时器从不同的路径导入。 您应该直接导入timer （或在这种情况下的interval ）并使用.pipe和您需要的运算符。 最后，使用mergeMap而不是flatMap 。

import { interval } from 'rxjs';
import { mergeMap, map } from 'rxjs/operators';

return interval(5000).pipe(
  mergeMap(() => this.httpClient.get('https://jsonplaceholder.typicode.com/posts')),
  map((r) => {
    console.log(r);
    return r;
  })
);