在 Angular 10 中使用 *ngFor 迭代对象键

Question

我想用 *ng 迭代“其他人”，因为我得到了正确的“id”和“年份”，但是当我尝试迭代“其他人”时，我得到了 [object object]

 {
        "id": 11,
        "year": [
        2019,
        2020
        ],
        "others": {
        "name": "John",
        "age": "19",
        "work": "yes",
        },
    }

Answer 1

我明白了，通过使用安全导航? 所以它将是data.others?.name

Answer 2

您不能通过字符串插值来调用对象，但您应该调用对象中的任何单个属性。

<h1>{{others}}</h1> // output [object object]


// do like this

<h1>{{others.name}}</h1>

对象不是可以迭代的东西

Answer 3

您必须添加“键值”管道才能将 *ngFor 与对象一起使用。

<div *ngFor="let item of object | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>