How to display an array of objects within an object

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

<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

Thanks for the quick response. That solved it!

1 Like

<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.