Foros del Web » Programando para Internet » Javascript » Frameworks JS »

[SOLUCIONADO] paso de datos json

Estas en el tema de paso de datos json en el foro de Frameworks JS en Foros del Web. Hola a todos estoy iniciando con Angularjs espero puedan ayudarme mi html Código HTML: <div class= "row" > <div class= "col-lg-12" ng-controller="ajaxControlador"> <hr> <h1> Funcionalidad ...
  #1 (permalink)  
Antiguo 05/07/2018, 16:43
Avatar de saseisa  
Fecha de Ingreso: agosto-2006
Mensajes: 329
Antigüedad: 12 años, 10 meses
Puntos: 9
Pregunta paso de datos json

Hola a todos estoy iniciando con Angularjs espero puedan ayudarme
mi html
Código HTML:
<div class="row">
        <div class="col-lg-12" ng-controller="ajaxControlador">
            <hr>
            <h1>Funcionalidad para atraer los datos de otro lugar usando $http</h1>
            <div>{{datos}} <!-- si me devuelve todos los datos -->
                <li ng-repeat="pubs in datos">
                    <ul>
                        <p>{{pubs.body}}***</p> <!-- no muestra nada -->
                        <p>{{pubs[20].body}}***</p> <!-- si me da la informacion pero de ese indice -->
                    </ul>
                </li>
            </div>
            
        </div>
    </div> 
mi js
Código:
.controller("ajaxControlador",function($scope,$http){
        $scope.datos=[];
        $http.get("https://jsonplaceholder.typicode.com/posts")
            .then(function(data){
                $scope.datos=data;
                
            });
no entiendo porque no me muestra los valores sin indicar el indice del arreglo, espero puedan apoyarme con esta duda
desde ya muchas gracias
  #2 (permalink)  
Antiguo 05/07/2018, 16:49
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.031
Antigüedad: 11 años, 3 meses
Puntos: 1326
Respuesta: paso de datos json

¿Que estructura tienen tus datos? Se supone que es un array de objetos? Puedes imprimirlo despues de la quinta linea y pegarlo por acá?

BTW, quizá no te convenga iniciar con AngularJS ya que es una versión que solo está en manetnimiento usa las nuevas versipones de angular.
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 05/07/2018, 17:01
Avatar de saseisa  
Fecha de Ingreso: agosto-2006
Mensajes: 329
Antigüedad: 12 años, 10 meses
Puntos: 9
Respuesta: paso de datos json

es un json

{"data":[{"userId":1,"id":1,"title":"sunt aut facere repellat provident occaecati excepturi optio reprehenderit","body":"quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"},{"userId":1,"id":2,"title":"qui est esse","body":"est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla"},{"userId":1,"id":3,"title":"ea molestias quasi exercitationem repellat qui ipsa sit aut","body":"et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut"},{"userId":1,"id":4,"title":"eum et est occaecati","body":"ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure\nquis sunt voluptatem rerum illo velit"},{"userId":1,"id":5,"title":"nesciunt quas odio","body":"repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est\nvoluptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque"},................
,{"userId":10,"id":100,"title":"at nam consequatur ea labore ea harum","body":"cupiditate quo est a modi nesciunt soluta\nipsa voluptas error itaque dicta in\nautem qui minus magnam et distinctio eum\naccusamus ratione error aut"}],"status":200,"config":{"method":"GET","transformR equest":[null],"transformResponse":[null],"jsonpCallbackParam":"callback","url":"https://jsonplaceholder.typicode.com/posts","headers":{"Accept":"application/json, text/plain, */*"}},"statusText":"","xhrStatus":"complete"}

Se que es una version ya vieja, solo que quiero ver como funcionaba en estas versiones y si me voy a brincar a las versiones actuales

Última edición por saseisa; 05/07/2018 a las 17:07
  #4 (permalink)  
Antiguo 05/07/2018, 17:33
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.031
Antigüedad: 11 años, 3 meses
Puntos: 1326
Respuesta: paso de datos json

No te sirve de nada ver las versiones viejas por que las nuevas son completamente diferentes, de hecho lo unico que comparten es el nombre, pero no tienen ni arquitecturas compartidas.


Como sea, lo que pegaste no es un array de objetos es objeto y la propiedad `data` es el que tiene los datos. Quizá en el template si pone algo como `ng-rpeat="pubs in datos.data"`debería funcionar.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 05/07/2018, 17:58
Avatar de saseisa  
Fecha de Ingreso: agosto-2006
Mensajes: 329
Antigüedad: 12 años, 10 meses
Puntos: 9
Respuesta: paso de datos json

Muchas gracias por tus comentarios y apoyo a dar solución a mi problema Carlangueitor y pues en ese caso me salto a las nuevas versiones pensé que había algo semejante

Etiquetas: json, paso
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:08.