Angular问题：无法找到支持类型为“对象”的“[objectObject]”的不同之处。NgFor仅支持绑定到诸如数组之类的可迭代对象。 _程序开发

创始人

2024-10-30 00:32:14

0次

这个问题通常是由于在尝试在 HTML 模板中对一个非数组的对象使用 *ngFor 指令所造成的。解决方法是将对象转换为数组，然后将其传递给 *ngFor。

例如，假设我们有一个对象数组，而我们想使用 *ngFor 输出其中的每个对象。我们可以使用 Object.keys 方法将对象的键转换为一个字符串数组，并在 HTML 模板中使用 *ngFor 对其进行遍历。

在组件中定义对象：

myObject = {
  name: 'John',
  age: 30,
  gender: 'male'
};

在 HTML 模板中使用 *ngFor：


  
    {{ item }}: {{ myObject[item] }}

在组件中定义一个 objectKeys 方法，该方法将对象转换为数组：

objectKeys(obj) {
  return Object.keys(obj);
}

大神推荐!博乐填大坑辅助器通用... 大神推荐!博乐填大坑辅助器通用版(外挂辅助工具)详细教程(有挂透明)-哔哩哔哩关于博乐填大坑辅助器通...

免费测试版!中至上饶小程序有挂... 免费测试版!中至上饶小程序有挂的(外挂辅助插件)详细教程(有挂透明)-哔哩哔哩；亲，其实确实真的有挂...

总算了解!创思维激k辅助器(外... 总算了解!创思维激k辅助器(外挂辅助软件)详细教程(有挂透明)-哔哩哔哩;一、创思维激k辅助器AI软...

指导大家!蜜瓜大厅有挂的(外挂... 指导大家!蜜瓜大厅有挂的(外挂辅助神器)详细教程(有挂技巧)-哔哩哔哩；原来确实真的有挂（需添加指定...

透明肯定!开元辅助器下载(外挂... 透明肯定!开元辅助器下载(外挂辅助APP)详细教程(有挂透明)-哔哩哔哩是一款可以让一直输的玩家，快...

一分钟了解!大晋斗地主随意选牌... 自定义大晋斗地主随意选牌系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不...

专业讨论!aapoker下载教... 专业讨论!aapoker下载教程(外挂辅助器)详细教程(有挂方法)-哔哩哔哩;一、aapoker下载...

一分钟揭秘!八闽十三水有外挂的... 一分钟揭秘!八闽十三水有外挂的(外挂辅助工具)详细教程(有挂方法)-哔哩哔哩1、许多玩家不知道八闽十...

透明科技!对战互娱有挂的(外挂... 此外，数据分析德州(对战互娱有挂的)辅助神器app还具备辅助透视行为开挂功能，通过对客户对战互娱有挂...

今日重大通报!青龙辅助软件(外... 今日重大通报!青龙辅助软件(外挂辅助挂)详细教程(有挂教程)-哔哩哔哩；玩家在青龙辅助软件中需先进行...