Javascript Angular/HTML-将显示完整的JSON，但不能仅显示单个属性

目前，我可以通过执行{Groups | JSON}来显示完整的JSON数组

它将在我的html页面上显示如下：

[ { "Id": 3, **"Name": "Name I"**, "Group_Name": "Group I" } ]

Put如果执行{{Groups.Name}，则会出现以下错误：

ERROR TypeError: Cannot read property 'Name' of undefined
at Object.eval [as updateRenderer]

但是，如果我使用*NGF将其显示在列表中，它的效果非常好

{{Groups.Name}

更改

<option *ngFor="let Group of Groups">{{ Groups.Name }}</option>

---

看起来，组是一个“键”：“值”对形式的对象数组

您应该能够通过以下方式访问该值：

<span>{{ Groups[0]["Name"] }}</span>

{{Groups[0][“Name”]}

或

{{Groups[0].Name}

它应该是Group.Name而不是Groups.Name。当您收到Json对象时，它可以是一个异步函数。我的目标是让“Name I”这个词显示在我的HTML页面上。“Name I”来自数组组中的“Name”值。我其实不想要一个列表，我只是用它作为一个例子，它的工作。这是我目前正在使用的和文本显示，但我仍然得到上面提到的错误。错误类型错误：无法在Object.eval[作为UpdaterEnder]读取未定义的属性“0”(

 <option *ngFor="let Group of Groups">{{ Group.Name }}</option>

<span>{{ Groups[0]["Name"] }}</span>

<span>{{ Groups[0].Name }}</span>