[SOLUCIONADO] ¿Como Imprimir JSON en angularjs 1.6?

sinrostro · Julio 01, 2017, 11:52:07 AM

Saludos estoy aprendiendo angular en la version 1.6 y tengo un problema. estoy usando http con get para traer un json de la siguiente url : No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Código: text


var app = angular.module("MyFirstApp",[]);
app.controller("FirstController",function($scope,$http){
	$scope.posts = [];
	$http.get('https://jsonplaceholder.typicode.com/posts')
	.then(function(data){
		console.log(data);
		$scope.posts  = data;
	}).then(function(error){
		console.log(error);
	});
});

Y en el html

Código: text


<ul>
		<li ng-repeat="post in posts">
			<b>{{ post.title}}</b>
			<p>{{post.body}}</p>
		</li>
		
	</ul>
	<hr/>
	<pre>
	{{posts | json}}
	</pre>

pero en el ng-repeat no me imprime resultado alguno en cambio en el pre me sale lo siguiente;
<pre>
{{posts | json}}
</pre>

Código: text

{
  "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"
    },

es decir el json entro al parecer en un array llamado data q contiene el json como puedo imprimirlo?

sinrostro · Julio 04, 2017, 01:38:02 PM

Debido a las versiones de angular anteriores de angular se imprime normalmente pero para la version
de angular 1.6x debe ser de la siguiente manera

Código: text

<li ng-repeat="post in posts.data">

[SOLUCIONADO] ¿Como Imprimir JSON en angularjs 1.6?

sinrostro

Julio 01, 2017, 11:52:07 AM Ultima modificación: Julio 04, 2017, 04:56:07 PM por HATI

sinrostro

Julio 04, 2017, 01:38:02 PM #1