How to display an array of objects within an object

Ionic Framework ionic-v3
1

Hello!

I’m still still relatively new to ionic2 so bear with me. I’m looking to display the steps in each array and have them displayed on my template but everything I have tried thus far hasn’t panned out. When I try the following I get [object, object], [object, object]:

<ion-item *ngFor="let data of recipeSteps">

 {{data.steps}}

Also tried creating a pipe following this example but wasn’t able to get it to work as nothing would display. Any help would be appreciated.

image

2 
<ion-item *ngFor="let data of recipeSteps">

<p  *ngFor="let step of data.steps">{{ step.step}}</p>

</ion-item>

or

<ion-item *ngFor="let data of recipeSteps">

 {{data.steps | json }}
2 Likes
3

Thanks for the quick response. That solved it!

1 Like
4

<ion-item *ngFor=“let data of recipeSteps”>

{{data.steps | json }}

is worked for me. but it returning value in double commas like “value”. how to remove this. please guide.