How to loop json array and display in new ion-card in ionic

Ionic Framework ionic-v3
1

Consider a json as
[{
“id”:“1”,
“name”: “abc”,
“data”: [1,2,3]
}]

How do i print it as
1
2
3
dynamic ion-card element in ionic.

2

You have a list with one object that has a data property that is a list of values.
So ngFor with variable[0].data I would say.

4

can u explain for above json how we can loop for ion-card print result of data[]

5

Put one ion-card in your template and then use ngFor to output many of them.

6

@venkaz1017x Here is the code

put into the .ts file

  demo={
"id":"1",
"name": "abc",
"data": [1,2,3]
}

HTML

  <ion-card *ngIf="demo">
 {{demo.id}}
 {{demo.name}}
 {{demo.data}}
  </ion-card>

Hope, this will solve your issue
Thanks,