如何取消订阅retryWhen并在第一次api调用后捕获可观察的错误并修复延迟

Question

我想在api第一个api调用之后而不是第一个api延迟，现在如果等待两秒钟，它将发出第一个请求，当我在我的行为主题上调用next时，我希望它发出第一个请求，然后一直重复执行。

当retryWhen执行时，我无法退订。

我想抛出一个错误，以便在订阅中捕获该错误并对其进行处理。 或找出我们正在重试的方法

仅当我们从api返回一些数据时，此方法才有效，一旦我们进入重试，我便无法取消订阅该Oberservable。

// Service
 data = this.subject.pipe(

    switchMap(
      // call the api
      x => this.callAPI((x as any))
        .pipe(
          delay(2000),
          repeat(Infinity),
          retryWhen(errors =>
            errors
              .pipe(
                delayWhen(error => {
                  console.log(error)
                  if (error.status === 404) {
                    throwError(error)
                    return timer(1000 * 1)
                  } else if (error.status === 500) {
                    return timer(1000 * 5)
                  }
                  // don't retry not retry
                  else {
                    return throwError(error)
                  }
                }
                )
              )
          )
        ),
    ),
  )

在我的组件中

unsubscribe: Subject<void> = new Subject()

进入重试策略后，我想知道这一点，因此可以采取一些措施。 目前，我还不知道，可观察对象中的旧数据仍然有效，因此我无法向用户呈现错误消息。

    this.sub = this.service.data.pipe(
    takeUntil(this.unsubscribe))
    .subscribe(res => {
      console.log(res)
    },
    x => {
    // as soon as we enter the retry strategy, I want to know that so I do 
       something with.
    console.log(x)

      }
    )

仅当我们从api返回一些数据时，此方法才有效，一旦我们进入重试，我便无法取消订阅该Oberservable。

  ngOnDestroy () {
    console.log('component Destroyed, stop everything')
    this.unsubscribe.next()
    this.unsubscribe.complete()

Answer 1

您瘦了什么可以帮助您？

您可以拥有首先显示请求的属性

并取决于您可以像这样更改延迟毫秒

您可以改变服务逻辑吗

 isFirstRequest = true;
  get data() {
    x => this.callAPI((x as any)).pipe(
      delay(isFirstRequest ? 0 : 2000),
      repeat(Infinity),
      map(response => {
        isFirstRequest = false;
        this.subject.next(response);
        return response;
      }),
      retryWhen(errors =>
        (errors
          .pipe(
            delayWhen(error => {
              console.log(error)
              if (error.status === 404) {
                throwError(error)
                return timer(1000 * 1)
              } else if (error.status === 500) {
                return timer(1000 * 5)
              }
              // don't retry not retry
              else {
                return throwError(error)
              }
            }
            )
          )
        )
      ),
      takeWhile(response => /// you need to return some conditions)
    )
    return this.subject;
  }