How to get value from object angular using *ngFor?

Question

I have a json structure like the image above.

I just want to get the value from the key name.

I was do Like this :

<span *ngFor="let outlet of products.body | keyvalue">{{outlet.value}}</span>

but that way is to call all attributes, I only want to call attribute name. how do?

Sorry for bad grammar, any suggestion or answer will be appreciate. Thank you

i think that you don't need for ngFor on this JSON structure because it's not an array , so you can get the value directly using {{body.name}} , and if you have multi products so ngFor will be for the parent not for this section specially — Ahmed El-sayed
– Ahmed El-sayed, Commented Oct 20, 2020 at 10:27

Derek Wang · Accepted Answer · 2020-10-20 10:25:00Z

5

If you only want to get the value of name key, there is no need to use *ngFor.

It's enough to put it directly as follows.

<span>{{ products?.body?.name }}</span>

answered Oct 20, 2020 at 10:25

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

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

Comments

Pasha · Accepted Answer · 2020-10-20 10:22:52Z

1

Please bind

{{outlet.name}}

instead of {{outlet.value}}

answered Oct 20, 2020 at 10:22

Pasha

338 bronze badges