如何在这样的自定义场景中调用angular中的http post？

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  // other configurations
})
export class AppModule { }

import { HttpClient } from '@angular/common/http';

export class YourComponent {
  constructor(private http: HttpClient) { }
}

export class YourComponent {
  constructor(private http: HttpClient) { }

  sendDataToServer(data: any) {
    const url = 'https://example.com/api/endpoint'; // 替换为您的实际请求URL
    this.http.post(url, data).subscribe(
      response => {
        // 处理成功响应
      },
      error => {
        // 处理错误响应
      }
    );
  }
}