Не удается найти другой поддерживающий объект в Angular

Question

Я пытался отобразить данные из веб-API, но при итерации у меня возникла ошибка.

Вот копия файла моего компонента.

this.uploadService.getFiles()
    .subscribe(
          data => this.files$ = data 
     );

ФАЙЛ КОМПОНЕНТА HTML:

<a *ngFor="let file of files$"  class="list-group-item list- 
    group-item-action">{{file.id}}</a>`       

ФАЙЛ WEBAPI JSON:

[{"Id":458,"FileCode":609"},{"Id":451,"FileCode":602"}]

ФАЙЛ СЕРВИСА:

public getFiles(){
    return this.httpClient.get(this.SERVER_URLGETFILE)
}

полученное сообщение об ошибке: «Не удается найти другой объект поддержки []. NgFor поддерживает только привязку к итерируемым объектам, таким как массивы».

Answer 1

Попробуйте этот код

this.uploadService.getFiles()
    .subscribe(
          data: any[] => this.files$[] = data 
     );

Answer 2

инициализировать ваши файлы $ так:

files$ : any = [];