如何有条件地做retryWhen on action click from snackbar action Angular 7.x

npm install @angular/material @angular/cdk

import { MatSnackBar, MatSnackBarRef, SimpleSnackBar } from '@angular/material';
import { Observable, of } from 'rxjs';
import { tap, delay, retryWhen, mergeMap } from 'rxjs/operators';

constructor(private snackBar: MatSnackBar) { }

openSnackBar(): void {
  const snackBarRef: MatSnackBarRef<SimpleSnackBar> = this.snackBar.open('Snackbar Message', 'Retry', {
    duration: 3000, // Snackbar显示的持续时间
  });

  snackBarRef.onAction().subscribe(() => {
    this.retryAction().subscribe(); // 在操作按钮点击时执行retryWhen操作
  });
}

retryAction(): Observable<any> {
  let retryCount = 0;
  const maxRetryCount = 3;

  return of(null).pipe(
    delay(1000), // 延迟1秒后执行重试操作
    mergeMap(() => {
      retryCount++;
      if (retryCount <= maxRetryCount) {
        return this.yourApiCall(); // 替换为你的API调用
      } else {
        return throwError('Max retry count exceeded'); // 达到最大重试次数时抛出错误
      }
    }),
    retryWhen(errors => errors.pipe(
      tap(() => console.log('Retrying...')),
      delay(1000) // 延迟1秒后进行下一次重试
    ))
  );
}

yourApiCall(): Observable<any> {
  // 在这里执行你的API调用，并返回一个Observable对象
}