如何使用 *ngFor 从对象角度获取值？答案

【问题标题】：How to get value from object angular using *ngFor?如何使用 *ngFor 从对象角度获取值？
【发布时间】：2021-02-03 03:47:55
【问题描述】：

我有一个类似上图的 json 结构。

我只想从键 name 中获取值。

我是这样做的：

<span *ngFor="let outlet of products.body | keyvalue">{{outlet.value}}</span>

但是那种方式是调用所有属性，我只想调用属性名称。怎么办？

抱歉语法错误，任何建议或答案将不胜感激。谢谢

【问题讨论】：

我认为你不需要在这个 JSON 结构上使用 ngFor，因为它不是一个数组，所以你可以直接使用 {{body.name}} 获取值，如果你有多个产品，那么 ngFor 将是对于不是专门针对本节的父母

【解决方案1】：

请绑定

{{outlet.name}}

而不是 {{outlet.value}}

【讨论】：

【解决方案2】：

如果只想获取name键的值，则无需使用*ngFor。

下面直接放就够了。

<span>{{ products?.body?.name }}</span>

【讨论】：