How to get the value of object inside an array by using its key in angular2+

Question

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

from the above array, I want to get the values using its key in *ngFor angular, for example, key0 values I want to display along with other values values,

I have also tried like this but can't able to get the desired output

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

Note:

I tried like {{c.key0}} but it prints only key0 values, but here I want all the values like key1,key2

thanks in advance.

Possible duplicate of access key and value of object using *ngFor — ForestG
– ForestG, Commented Feb 6, 2019 at 8:58
Possible duplicate of How to iterate object keys using *ngFor — Swoox
– Swoox, Commented Feb 6, 2019 at 8:59
I want to get almost all the values in array using its key @Arcteezy — siva IT
– siva IT, Commented Feb 6, 2019 at 9:00

Sufyan Shaikh · Accepted Answer · 2019-02-06 10:21:15Z

1

I think you should modify your array in typescript first by using iteration logic. And then show it using *ngFor.

answered Feb 6, 2019 at 10:21

Sufyan Shaikh

961 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Swoox · Accepted Answer · 2019-02-06 09:01:03Z

1

As shown in: How to iterate object keys using *ngFor

You can use (angular v6+):

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

answered Feb 6, 2019 at 9:01

Swoox

3,7602 gold badges23 silver badges32 bronze badges

4 Comments

siva IT Over a year ago

I tried using {{c.value}}, but i'm getting [object:object] @Swoox

siva IT Over a year ago

any other fix for {{c.value}} to get the values

Pac0 Over a year ago

@sivaIT You can use {{c.value | json}} to show the object, then select which exact field you want from it, or add a custom toString() method to it.

Swoox Over a year ago

@sivaIT Ohh sorry I see your array is different. <div *ngFor='let C of arr[0] | keyvalue"> or you make this.arr = { {Key0: "myValue1"} }

Collectives™ on Stack Overflow

How to get the value of object inside an array by using its key in angular2+

Note:

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Note:

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related