[SOLUCIONADO] Problema con AngularJS y php

goalkeaper · #1 (**permalink**) 31/10/2015, 09:02

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.