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 : https://jsonplaceholder.typicode.com/posts
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
<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>
{
"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?
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
<li ng-repeat="post in posts.data">