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

Answer 1

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>

Answer 2

Please bind

{{outlet.name}}

instead of {{outlet.value}}