在 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>