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

在Angular 7.x中，如果要在Snackbar的操作按钮点击时有条件地执行retryWhen操作，可以按照以下步骤进行：

首先，确保已经安装了Angular Material库，以便使用Snackbar组件。可以通过运行以下命令来安装它：

npm install @angular/material @angular/cdk

在需要使用Snackbar的组件中，导入Snackbar模块和相关的依赖：

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

在组件的构造函数中注入MatSnackBar服务：

constructor(private snackBar: MatSnackBar) { }

创建一个名为openSnackBar的方法，用于显示Snackbar，并在Snackbar的操作按钮点击时执行retryWhen操作：

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

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

创建一个名为retryAction的方法，用于定义retryWhen操作的逻辑。在这个方法中，你可以根据需要自定义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对象
}

在上述代码中，retryAction方法使用of(null)创建一个Observable对象，然后使用delay操作符延迟1秒后执行重试操作。在mergeMap操作符中，你可以替换为你的实际API调用。如果达到最大重试次数，将使用throwError抛出错误。retryWhen操作符用于定义重试策略，它会在错误发生时进行重试，并在每次重试之间延迟1秒。

请注意，上述代码中的yourApiCall方法是一个示例，你需要根据实际情况替换为你的API调用。

这样，当Snackbar的操作按钮被点击时，将会执行retryWhen操作，并根据你定义的条件和重试策略进行重试。

希望这个答案能够满足你的需求。如果有任何疑问，请随时提问。