java - 如何从angularjs调用restful服务

Question

我用java编写了一个restful服务并从angularjs调用它，但它不起作用。如果我把静态 json 格式它的作品。但不适用于 RESTful 服务。下面是我在服务文件中的代码。

angular.module('intelesant.services', [])
    .value('version', '0.1')
    .service('customers1',function(){
         return $resource('http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo', {}, {
             query: { method: 'GET', isArray: true },
             create: { method: 'POST' }
     })
});

我的控制器文件是

intelesant.controller('HomeController', ['$scope','customers1', function(s,customers) {

    alert(JSON.stringify(customers));
    s.homeContent = 'Test Content for Home page. This can come from server via REST service.';
}]);

Answer 1

有一个名为 Restangular 的 AngularJS 服务，您可以轻松地在应用程序中实现 RESTful 服务。

这使用最少的客户端代码简化了常见的 GET、DELETE 和 UPDATE 请求。它非常适合使用来自 RESTful API 的数据的任何 WebApp。

有关详细信息，请参阅Restangular

Answer 2

您是否在代码中注入 ngResource 并包含 angular-resource.min.js？这是访问您的服务的小提琴

angular.module('myApp', ['ngResource']);
function Ctrl($scope,$resource) {
    var Geonames = $resource('http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo', 
        {   }, 
        {
          query: { method: 'GET', isArray: true },
          create: { method: 'POST' }
        }
     );
     $scope.objs = Geonames.query();
   };
};
Ctrl.$inject = ['$scope','$resource'];