Javascript 在数组中循环并显示数据

我试图循环通过一个数组并显示它。我遇到的问题是，出于某种原因，只显示ID。我已经通过调试，不明白为什么这不起作用。我要处理的所有数据都是可用的，因为我已经通过调试和注销阵列进行了检查

以下是要显示的HTML：

没有可用的汽车



{{car.id}

{{car.type}

{{car.manufacturer}}

{{car.color}

这是我检索上述数据的typescript

fetchData（）{
这是http
.得到(
'实际URL位于此处'
)
.烟斗(
映射（（响应数据）=>{
const carsArray:car[]=[]；
用于（响应数据中的常数键）{
if（ResponseData.hasOwnProperty（键））{
push（{…ResponseData[key]，id:key}）；
}
}
返回卡萨雷；
})
)
.订阅（（帖子）=>{
this.carsArray=post；
console.log（this.carsArray）；
});
}

以下是我目前得到的一份报告：

---

任何帮助都将不胜感激，因为我完全被难倒了

解决方案是将我的模型文件更改为大写类型。正在提交到数据库的数据是大写的

export interface car {
  Manufacturer: string;
  Colour: string;
  Type: string;
  id?: string;
}

---

所以你在做

{…ResponseData[key]，id:key}

，只看到

id

。。。您能在按下

按钮之前
console.log（ResponseData[key]）
吗。。。可能数据在子对象中？您介意提供示例响应对象吗？车里有什么东西？@SélimAchour我记录了
console.log（ResponseData[key]）这就是我得到的：所以数组看起来很好me@sunnyprakash这是我的车如果你是这个意思<代码>导出接口车{制造商：字符串；颜色：字符串；类型：字符串；id？：字符串；}
我看到
颜色
，您正在尝试
颜色
。。。案例不匹配？