Angular 无法加载 Rails 提供的 JSON 数据

Question

在我的 Rails 后端中，我有这种方法可以从数据库中获取数据并从中生成 json：

  def index
    @airports = Airport.select('id,city,country')
    render status:200, json: { airports: @airports }
  end

在我的路线中，我有这个方法调用：

  resources :airports

当我看到localhost:3000/airports 时，我会看到一个 JSON 文本墙。

现在，当我尝试从我的 Angular 控制器加载该 JSON 时，出现如下屏幕截图所示的错误：（浏览器控制台）

这是我的控制器：

AppControllers.controller('DepartureLocationCtrl', [
  '$scope','$http',
  function($scope,$http){
    $http.get('localhost:3000/airports').success(function(data){
      $scope.departureLocations = data;
    });
  }
]);

我知道控制器不适合这个，那么我该如何解决这个错误并改用工厂？

Answer 1

问题是我没有在路径中使用http://。

编辑：@Charlie Brown 很好，现在我只在路径中使用了/airports，效果很好。

AppControllers.controller('DepartureLocationCtrl', [
  '$scope','$http',
  function($scope,$http){
    $http.get('/airports').success(function(data){
      $scope.departureLocations = data;
    });
  }
]);