Angular HttpClient JSON-Service minimales Beispiel

Die Verwendung von Angulars HttpClient in einem Service zum Abrufen eines JSON ist ziemlich unkompliziert. In diesem Beispiel rufen wir ein JSON-Array ab.

Beachte, dass es empfohlen wird, dein eigenes TypeScript-Interface für verbesserte statische Typisierung zu erstellen, aber dennoch ist der Start mit any[] oft eine gute Idee, da er dir einen schnellen Einstieg ermöglicht.

myservice_load_json.ts

public loadMyJSONArray(): Observable<any[]> {
  return this.http.get<any[]>(`/api/my-api`);
}

Vollständiges Service-Beispiel

myservice.service.ts

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

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

  constructor(private http: HttpClient) {
  }

  public loadMyJSONArray(): Observable<any[]> {
    return this.http.get<any[]>(`/api/my-api`);
  }

}