angular - rxjs ， switchMap ，间隔，提供了 'undefined'，其中需要一个流

Question

尝试从服务器获取数据，每 10 秒间隔一次服务。如果返回价格，则停止间隔。代码如下:

但我收到错误:

ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.

代码:

public Respond() {

this.dataService.WaitingForServiceRespond()
  .pipe((
    debounceTime(2000),
    switchMap((r: any) => {
      if (!r.price) {
        setInterval(() => {
          return this.Respond();
        }, 10000)
      } else {

        this.dataService.user.payment = r;
        console.log('price returned', r);
        return ''
      }
    })
  ))
  .subscribe(e => {
    console.log(e)
  })

Answer 1

问题出在您的 switchMap 上。它期望返回一个流。当您使用 setInterval 时，您什么都不返回。您可以通过返回 rxjs 的 interval() 而不是调用 setInterval() 来返回一个 Observable。

import { interval } from 'rxjs';
...

public Respond() {

this.dataService.WaitingForServiceRespond()
  .pipe((
    debounceTime(2000),
    switchMap((r: any) => {
      if (!r.price) {

        return interval(10000).pipe(tap(() => this.Respond()))

      } else {

        this.dataService.user.payment = r;
        console.log('price returned', r);
        return of('')
      }
    })
  ))
  .subscribe(e => {
    console.log(e)
  })
}