如何通过使用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

如How to iterate object keys using *ngFor

所示

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

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

Answer 2

我认为您应该首先使用迭代逻辑在typescript中修改数组。然后使用* ngFor显示它。