AngularJS y servicio de descanso

Question

Jun 28, 2012, 09:47 AM

AngularJS y servicio de descanso

Recientemente he empezado a experimentar conAngularJS. Estoy construyendo una aplicación html5 simple que actualiza unMySQL base de datos.

[index.html]

<!DOCTYPE html>
<html ng-app="MyProject">
<head>
    <title>My Project</title>
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <script src="lib/angular-1.0.1.js"></script>
    <script src="lib/angular-resource-1.0.1.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
</head>
<body>
    <div id="main-content" ng-view>
</body>
</html>

Utilicé el marco Slim para crear una interfaz de descanso. Mi base de datos tiene actualmente una tabla llamada location_types con dos columnas id y title. He probado el servicio Rest en el navegador, de modo que bajo los tipos api / location, obtengo el siguiente JSON:

[{"id":"1","title":"Airport"},{"id":"2","title":"Bus Station"}]

Creo el servicio en AngularJS usando el siguiente código:

[services.js]

angular.module('myDB', ['ngResource']).
factory('LocationTypes', function($resource) {
    var LocationTypes = $resource('http://localhost/project/api/locationtypes', {}, { query: {method: 'GET', isArray: true}});
    return LocationTypes; 
});

También utilizo el siguiente código para crear el módulo de la aplicación:

[controllers.js]

angular.module('MyProject', ['myDB']).
config(function($routeProvider) {
    $routeProvider.
        when('/locationtypes', {controller: LocationTypesCtrl, templateUrl:'forms/locationtypes.html'}).
        otherwise({redirectTo:'/locationtypes'});
});


function LocationTypesCtrl($scope, LocationTypes)
{
    $scope.locationTypes = LocationTypes.query();
}

El problema es que no obtengo resultados después de consultar el servicio. loslocationTypes La matriz es de longitud cero cuando depuro. Estoy usando la última versión de AngularJS [1.0.1]. ¿Qué me pierdo?