ngFor angular loop in an object of arrays

Question

object = [{id='1',name="cosette"},{id='2',name="koko"},{id='3',name="krysto"}]

i want to display the object in row and columns dynamically

want i want to get i tried to do

<ion-row *ngFor="let data of object">
<ion-col > {{data.id}}</ion-col>
<ion-col> {{data.name}}</ion-col>
</ion-row>

i don't want to use name and id i need to let it be dynamic. any help ?

i want to get the answer dynamicaly without using id and name — cosette, Feb 24 '20 at 20:27
for exemple: if i have object =[{id='1', name='cosette',work:'teacher'}] i want to write the same code for both exemple and get all the attributes in the columns — cosette, Feb 24 '20 at 20:30
Iterate over objects with an Angular pipe... https://stackoverflow.com/questions/31490713/iterate-over-object-in-angular — Adam Dunkerley, Feb 24 '20 at 20:31

score 1 · Accepted Answer · answered Feb 24 '20 at 21:06

1

From Angular 6.1 you can use a KeyValue pipe.

<ion-row *ngFor="let o of object">
    <ion-col *ngFor="let data of o | keyvalue"> {{data.value}}</ion-col>
</ion-row>

StackBlitz here.

answered Feb 24 '20 at 21:06

mcjmzn

score -2 · Answer 2 · answered Feb 24 '20 at 20:47

-2

Your Json is not a in good format it should be

object = [{'id':'1','name':"cosette"},{'id':'2',name:"koko"},{'id':'3','name':"krysto"}];

Please take at this stackblitz

answered Feb 24 '20 at 20:47

BELLIL

1

OP says they don't want to use explicitly use properties `id` and `name. Your stackblitz explicitly uses those properties. Therefore, really not an answer. – The Head Rush Feb 24 '20 at 21:39
1

OP says also "i need to let it be dynamic", it means that he doesn't want to use static values in html, i think you did not get the question, let's see if OP finds my answer helpful or not – BELLIL Feb 24 '20 at 21:51

2 Answers2