Begrip: HTTP Request

Angular biedt de HTTPClientModule aan waarmee HTTP requests (GET, POST, PUT, DELETE, ...) uitgevoerd kunnen worden. Om deze module te gebruiken moet de HTTPClientModule geïmporteerd worden in de app.module.ts, vervolgens kan de HTTPClient dan geïnjecteerd worden in een component of service.

/src/app/app.module.ts

import {HttpClientModule} from "@angular/common/http"

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, IonicModule.forRoot(), AppRoutingModule,
    HttpClientModule
  ],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})
export class AppModule {}

/src/app/services/api.service.ts

import {HttpClient} from '@angular/common/http'
import {Observable} from 'rxjs'

@Injectable({
    providedIn: 'root'
})
export class ApiService {

  #http = inject(HttpClient)

  performSomeRequest(): Observable<Foo> {
    return this.#http
      .get<Foo>(
        `https://example.com/foo`,
        {
          observe: 'body',
          body: {
            // Data to include in the request body.
            // Only available on POST, PUT, PATCH
          },
          headers: new HttpHeaders({
            // Any requires headers
          }),
          params: {
            // Any requires URL parameters
          }
        },
      )
  }
}

:::