如何通过angular2使用它的键搞定对象数组里面的值+

问题描述 投票:0回答:2
var arr=[
        {Key0: "myValue1"},
        {Key0: "myValue2"},
        {Key0: "myValue3"},
        {Key1: "myValue4"},
        {Key2: "myValue5"}, ]

从上面的阵列,我想在* ngFor使用其密钥的值的角度,例如,KEY0值I要与其他值的值,以显示沿,

我也尝试过这样却无法得到所需的输出

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

注意:

我试着像{{c.key0}}但只打印key0值,但在这里,我要像key1,key2所有值

提前致谢。

angular typescript ngfor
2个回答
1
投票

我想你应该先使用迭代逻辑修改的打字稿阵列。然后使用* ngFor表现出来。


1
投票

如图所示:How to iterate object keys using *ngFor

您可以使用(角V6 +):

<div *ngFor='let C of arr | keyvalue">
   {{C.key}}:{{C.value}}
</div>
© www.soinside.com 2019 - 2024. All rights reserved.