在 Angular 中找不到不同的支持对象答案

【问题标题】：Cannot find a differ supporting object in Angular在 Angular 中找不到不同的支持对象
【发布时间】：2020-02-08 17:39:52
【问题描述】：

我一直在尝试显示来自 web 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 仅支持绑定到 Iterables，例如数组。”

【问题讨论】：

【解决方案1】：

像这样初始化你的文件$：

files$ : any = [];

【讨论】：

【解决方案2】：

试试这个代码

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

【讨论】：