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

Posted 2023-03-13

【中文标题】如何使用 *ngFor 从对象角度获取值？

【英文标题】：How to get value from object angular using *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>