页面刷新前调用api angular

import { Component, OnDestroy } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-example',
  template: `
    <!-- Your component template here -->
  `
})
export class ExampleComponent implements OnDestroy {
  private dataSubscription: Subscription;

  constructor(private http: HttpClient) {}

  ngOnDestroy() {
    // Save or update data before the component is destroyed
    this.saveData();
  }

  private saveData() {
    // Send HTTP request to call the API
    this.dataSubscription = this.http.post('api-url', data).subscribe(
      response => {
        // Handle the API response
      },
      error => {
        // Handle API error
      }
    );
  }
}