如何通過使用angular2 +中的鍵獲取數組內對象的值

Question

var arr=[
        {Key0: "myValue1"},
        {Key0: "myValue2"},
        {Key0: "myValue3"},
        {Key1: "myValue4"},
        {Key2: "myValue5"}, ]

從上面的數組中，我想使用* ng中的鍵獲取值。例如，對於角度，我想與其他值一起顯示的key0值，

我也這樣嘗試過，但無法獲得所需的輸出

                         <li mat-list-item *ngFor='let C of arr'>
                             {{C}}</li>

注意：

我嘗試過像{{c.key0}}但是它只打印key0值，但是在這里我想要所有的值，例如key1,key2

提前致謝。

Answer 1

如所示： 如何使用* ngFor迭代對象鍵

您可以使用（角度v6 +）：

<div *ngFor='let C of arr | keyvalue">
   {{C.key}}:{{C.value}}
</div>

Answer 2

我認為您應該首先使用迭代邏輯來修改打字稿中的數組。 然后使用* ngFor顯示它。