Question

我有一系列消息。我需要每隔N秒从Observable发出一条消息。

我尝试了下一个代码。第一条消息随着延迟发出，我在订阅者中得到它，但是按顺序生成了其他消息。如果我删除了.delay()方法调用，我得到了所需的序列，订阅者会对每条消息做出反应，但消息之间没有时间间隔。我该如何解决？

import { Observable } from 'rxjs/Observable';
import { fromArray } from 'rxjs/observable/fromArray';
import 'rxjs/add/operator/delay';


@Injectable({
  providedIn: 'root'
})
export class MessageService {

  constructor() { }

  getIncomingMessagesStream(): Observable<string> {
    const messageTimeout = 2000;

    const messages = ['Hi there!', 'How are you?', 'That is awesome :)'];

    return fromArray(messages)
      .delay(messageTimeout);
  }
}

订户示例：

messageService.getIncomingMessagesStream()
    .subscribe(message => console.log('New incoming message ', message) );

Answer 1

只有在前一项延迟后才需要让链发出下一个项目：

import { from } from 'rxjs/observable/from';
import { of } from 'rxjs/observable/of';
import 'rxjs/add/operator/delay';
import 'rxjs/add/operator/concatMap';

...

return fromArray(messages)
  .concatMap(item => of(item).delay(messageTimeout));

顺便说一句，您将RxJS＆lt; 5.5和RxJS＆gt; = 5.5样式（可管理和原型样式的运算符）组合在一起。最好只使用RxJS 5.5并避免使用import 'rxjs/add/operator/concatMap';。见https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md

查看现场演示：https://stackblitz.com/edit/rxjs5-hibr4m?file=index.ts

Angular / RxJS：如何生成一系列延迟值？

1 个答案: