如何通过使用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显示它。