在Angular 2失败时重试连接到服务器回调

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { retryWhen, delay, take, catchError } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="connectToServer()">Connect to Server</button>
  `,
})
export class ExampleComponent {
  constructor(private http: HttpClient) {}

  connectToServer() {
    this.http.get('https://example.com/api/data')
      .pipe(
        retryWhen(errors => errors.pipe(delay(1000), take(3))),
        catchError(error => {
          console.log('Failed to connect to server:', error);
          return throwError('Server connection failed');
        })
      )
      .subscribe(response => {
        console.log('Server response:', response);
      });
  }
}