Array in Ionic json file

Question

Array in Ionic json file

Navigation

#1 by (1 votes)

0

I have the following JSON document

"descritores": [{
        "descritor": "texto..",
        "resultado": [{
                "MediaTotal": "81,16"
            },

            {
                "MediaTotal": "81,16"
            }
        ]
    },
    {
        "descritor": "Texto 2..",
        "resultado": [{
                "MediaTotal": "87,01",
            },
            {
                "MediaTotal": "87,01",
            }
        ],
    },

And I'm displaying like this on ionic

 <ion-list>
         <ion-item *ngFor="let desc of descritores">
      <h2>{{desc.descritor}}</h2>
      <h3>Resultado{{desc.resultado.MediaTotal}}</h3>
      <p>Disponível</p>
</ion-item>

But I'm not able to display desc.resultado.MediaTotal , which is an array that is inside another array, as I do for display.

json array angular ionic2

asked by anonymous 13.10.2017 / 17:17

1 answer

Div for Name and Email Registration How to transform a python file into an executable? [duplicate]

score 1 · Accepted Answer

You can display the result within another for :

<ion-list>
    <ion-item *ngFor="let desc of descritores">
        <h2>{{desc.descritor}}</h2>
        <ion-item *ngFor="let media of desc.resultado">
            <h3>Resultado: {{media.MediaTotal}}</h3>            
        </ion-item> 
        <p>Disponível</p>
   </ion-item>
</ion-list>