Angular lädt die aktualisierten Daten nach einem API-Aufruf nicht ⇐ HTML

[Anonymous]

Ich arbeite also an einer einfachen Angular-App, bei der ich Daten von einer API abrufe und sie dann in die HTML-Vorlage lade.

Code: Select all

  import { Component, inject, OnInit } from '@angular/core';
import { ReclamationService } from '../services/reclamation-service';
import { JsonPipe } from '@angular/common';

@Component({
selector: 'app-reclamer',
imports: [JsonPipe],
templateUrl: './liste-reclamation.html',
styleUrl: './liste-reclamation.css',
})
export class ListeReclamation implements OnInit {
private reclamtionService = inject(ReclamationService);
user !: any;
liste!:any;
ngOnInit(): void {

this.reclamtionService.getReclamations().subscribe(
res=>{
this.liste=res.reclamation
console.log(res)
}
)
}
}

Der Dienst hat gut funktioniert, weil er die Daten, die ich benötige, in der Konsole protokolliert. Allerdings werden die Daten nicht in der HTML-Vorlage angezeigt.

Das ist ein Problem, mit dem ich konfrontiert bin, seit ich angefangen habe, Angular zu lernen, und ich weiß nicht, was die Ursache dafür ist.