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;
    });
  }
]);

我知道控制器不适合这个，所以如何修复此错误并使用工厂呢？