-1

estoy con una gran duda, como podria mostrar datos de la siguiente maneraintroducir la descripción de la imagen aquí

a partir del siguiente array:

peliculas = [
        {
            "pelicula": "Batman v. Superman",
            "director": "Zack Snider",
            "anio": "2016",
            "autor":
                [
                    {
                        "usuario": {
                            "nombre":"Mario 1",
                            "pais":"Canada"
                        }
                        
                    },
                    {
                        "usuario": {
                            "nombre":"Mario 2",
                            "pais":"USA"
                        }
                    }
                ]
        },
        {
            "pelicula": "La verdad duele",
            "director": "Will Smith",
            "anio": "2015",
            "autor":
                [
                    {
                        "usuario": {
                            "nombre":"Juan 1",
                            "pais":"Canada"
                        }
                        
                    },
                    {
                        "usuario": {
                            "nombre":"Juan 2",
                            "pais":"USA"
                        }
                    }
                ]
        }
];

estoy Utilizando Angular 4

2
  • Estaría bien que antes de preguntar hicieras “el tour” es.stackoverflow.com/tour Además, deberías poner el código que has hecho para mostrar los datos así. La comunidad te ayudará a mejorarlo o a solucionar errores; pero tienes que intentarl tú. el 22 ene. 2018 a las 6:06
  • Tienes algo echo que no te funciona (HTML / .ts)? Convertiste ese JSon a un array de objetos? Así puedo responderte mejor el 22 ene. 2018 a las 12:22

1 respuesta 1

1

Te paso un ejemplo de cómo fue que llegué a plasmarlo del lado del Front End, utilizando el mismo arreglo que muestras en tu pregunta

<div *ngFor="let item of peliculas">
  <p>{{item.anio}}</p>
  <p>{{item.director}}</p>
  <p>{{item.pelicula}}</p>
  <div *ngFor="let autor of item['autor']">
    <p>{{autor['usuario'].nombre}}</p>
    <p>{{autor['usuario'].pais}}</p>
  </div>
  <hr>
</div>

El diseño que le quieras dar, depende de ti, espero te sea de ayuda.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.