Looking to navigate through a nested object structure called purchase. Within this structure, there is a sub-array named purchaseProducts which contains another sub-array called products along with additional data.
What methods do you suggest for efficiently navigating such a nested object?
I attempted using *ngFor in the following way:
<div *ngFor = "let data of purchase ">
{{data.date | slice: 0:10}}
{{data.totalprice}}
<div *ngFor="let product of purchase.purchaseProducts">
{{product.id}} // not working
{{product.quantity}} //not working
{{product.price}}
{{product.products.name}}
</div>
</div>
However, the inner div does not show any values.
Appreciate your assistance in advance.