Angular не загружает обновленные данные после вызова API ⇐ Html

[Anonymous]

Итак, я работаю над простым угловым приложением, в котором я получаю данные из API, а затем загружаю их в шаблон html.

Код: Выделить всё

  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)
}
)
}
}

служба работала хорошо, потому что она регистрирует нужные мне данные в консоли, ОДНАКО, она не отображает данные в шаблоне HTML.

это проблема, с которой я столкнулся с тех пор, как начал изучать Angular, и я не знаю, в чем причина.>

Подробнее здесь: https://stackoverflow.com/questions/798 ... n-api-call