Hola a todos, acabo de empezar a probar angularJS y me he encontrado con un problema que no acabo de ver la solución.
Quiero consumir un json de prueba que tengo en un recurso público y a la hora de lanzar el $http.jsonp no me devuelve nada. Os pongo el código pero ya os adelanto que no me da ningun tipo de error en la consola.
JS
Código:
angular.module("app", ["ngRoute"])
.config(function($routeProvider){
$routeProvider
.when("/", {
controller: "appCtrl",
controllerAs: "vm",
templateUrl: "templates/home.html"
});
})
.controller("appCtrl", function(){})
.controller("appCtrlListadoNoticiasGeneral", ['$scope', '$http',listadoNoticiasGenerales]);
function listadoNoticiasGenerales($scope, $http){
var vm = this;
$http.jsonp('http://www.d3markt.com/m/app/serviceChekis/data.json?callback=?').then(function (res) {
alert(res.data.length);
}, function(res){
alert('error');
$scope.paises = [{name: "Error!! " + res.status}];
});
};
Este es el json que he creado: data.json
Código:
[
{
"title": 0,
"date": "Israel Parra",
},
{
"title": 1,
"date": "Pepe",
},
{
"title": 2,
"date": "Juan",
}
]
y por ultimo el HTML
Código HTML:
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>Chekis.es</title>
</head>
<body ng-controller="appCtrl">
<nav>
<ul>
<li><a href="#/">Inicio</a></li>
<li><a href="#/liferay">Liferay</a></li>
<li><a href="#/php">PHP</a></li>
<li><a href="#/jquery">jQuery</a></li>
<li><a href="#/html_css">HTML & CSS</a></li>
<li><a href="#/otros">Otros</a></li>
<li><a href="#/libros">Libros</a></li>
</ul>
</nav>
<div class="page page-home" ng-controller="appCtrlListadoNoticiasGeneral as vm">
<h1>HOME</h1>
<ul>
<li ng-repeat="noticia in vm.noticias">
<div class="titulo">{{noticia.title}}</div>
<div class="fecha">{{noticia.date}}</div>
</li>
</ul>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular-route.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
He probado a hacer tambien la peticion con get pero nada y no tengo ni idea de que puede pasar.
Por si puede ayudar, tambien el probado a consumir el data.json de mi local y tampoco me lo admite.