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

黑科技技巧!指尖四川辅助脚本&... 黑科技技巧!指尖四川辅助脚本"其实真的是有辅助软件"(哔哩哔哩)1、首先打开指尖四川辅助脚本辅助器下...

日前!乐胡脚本"好像... 日前!乐胡脚本"好像是有辅助挂"(哔哩哔哩)1、乐胡脚本公共底牌简单，乐胡脚本透视插件操作，乐胡脚本...

出乎意料的是!闲聚大联盟辅助&... 出乎意料的是!闲聚大联盟辅助"一直确实有辅助软件"(哔哩哔哩)1、打开软件启动之后找到中间准星的标志...

出乎意料的是!闲玩暗宝插件&q... 出乎意料的是!闲玩暗宝插件"竟然是真的有辅助插件"(哔哩哔哩)出乎意料的是!闲玩暗宝插件"竟然是真的...

2026版辅助挂!新九哥破解版... 2026版辅助挂!新九哥破解版"一贯存在有辅助神器"(哔哩哔哩)1、每一步都需要思考，不同水平的挑战...

无独有偶!火神大厅外g挂&qu... 无独有偶!火神大厅外g挂"一直真的是有辅助器"(哔哩哔哩)1、火神大厅外g挂辅助软件下载优化，火神大...

做出回应!兴动互娱辅助工具靠谱... 做出回应!兴动互娱辅助工具靠谱吗"都是存在有辅助软件"(哔哩哔哩)1、完成兴动互娱辅助工具靠谱吗有辅...

据悉!广西老友玩辅助"... 您好，广西老友玩辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家...

这一现象值得深思!菠萝辅助平台... 这一现象值得深思!菠萝辅助平台"好像是真的有辅助挂"(哔哩哔哩)1、玩家可以在菠萝辅助平台线上大神俱...

连日来!闲逸碰免费下载&quo... 连日来!闲逸碰免费下载"其实存在有辅助器"(哔哩哔哩)1、每一步都需要思考，不同水平的挑战会更加具有...