I have a following consoled list of array how can i display the list?
I tried
this.item = this.data.["0"] // this is throwing an error
is there any other workaround to achieve this?
2 Answers
You have an array in an array.
To display the list, you have to loop over the items in the array. Because your output is an array in an array, you can start the loop from the first element of the outer array.
Example:
<ion-list>
<button ion-item *ngFor="let item of items[0]">
{{ item.item_id }}
</button>
</ion-list>
7 Comments
Harsh Maisheri
Throws An Error "Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays."
Tomas Vancoillie
Okay. Can you update your question with the function where you get the data? We might spot something there ...
Tomas Vancoillie
@HarshMaisheri Happy to help! On to the next problem ;)
Harsh Maisheri
How can i access this in ts file? i tried this.items[0].item_id but it says cannot read property of item_id. can u help please
Tomas Vancoillie
this.items[0] takes you to the first element in the outer array. From there you have three new arrays. To access the item._id of the second inner array, you could use this.items[0][1].item_id. But preferably you should rewrite your data input so you lose the outer (unneccessary) array.
|
Assuming your parent array is called data you can access the first element by using this.data[0]. You can also do other things such as loop over the items in the array, etc.
1 Comment
Harsh Maisheri
tired this.data[0] the output comes as undefined :(
<div *ngFor="let a of data" > {{a.itemId}} <p *ngFor="let b of data.size">{{b.size}}</p> <p *ngFor="let c of data.price">{{c.price}}</p> </div>