Javascript 找不到不同的支持对象'；[对象对象]'；类型为'；对象'；。NgFor仅支持绑定到数组之类的可重用项。[8]

我正在尝试从以下API获取阵列数据：

API

我的app.component.ts:

从“@angular/core”导入{Component，OnInit}；
从“/users.model”导入{User}；
从“/users.service”导入{UsersService}；
@组成部分({
选择器：“应用程序根”，
templateUrl:“./app.component.html”，
样式URL:[“/app.component.css”]
})
导出类AppComponent实现OnInit{
用户$：用户[]；
构造函数（私有用户服务：用户服务）{}
恩戈尼尼特（）{
返回this.userService.getUsers（）.subscribe（数据=>（this.users$=Data））；
}
}

API返回了包含数据的对象，而不是数组。 如果您console.log（）（或查看您发布的链接），API调用的结果将显示它可能包含另一个数组元素，例如

{
  data: [... list of items...]
}

因此，您只需将代码行更改为：

return this.userService.getUsers().subscribe(Data => (this.users$ = Data.data));

---

为

users$

分配一个空数组，如下所示：

users$: User[] = [];

---

您的API正在返回一个对象，您正在尝试对其进行迭代。您的传入数据看起来像这样

{data:[]}

您必须更改

中的代码。订阅
类似于
的内容。用户$=data['data']