Parsing a JSONP file in AngularJS

Angular $http service provides a method to consume JSONP endpoints. In your case this should work:

$http.jsonp('someJSONFile').then(function(data) {
    console.log(data)
});

Behind the scene, Angular will create a globally accessible function that will receive data, parse and pass further, so you don't need to worry about creating functions yourself.

What looks like your trying to do is standard JSON not JSONP, JSONP will require a callback and is only required if getting data from a different domain, ie a API service

Also the console log output you give is not valid JSON.

//init app
var app = angular.module('MyApp',[]);

//setup a factory for the data handling

app.factory("Data",function($http){
return {

   getData:function(type){

   return $http.get(type).
       then(function(result) {
           return result.data;
       });
   }
}
});

//in a controller 'call' the factory for the data

app.controller('main', function main($scope, Data) {

//other stuff

Data.getData('someJSONFile').then(function (data) {
    $scope.jsonData = JSON.parse(data);
});

//other stuff
});

So my error was a stupid one. The JSON file was giving me the name of a custom callback I had to define. Once I did this, all worked. . . . here's the code

angular.module('locationApp')
  .controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {


    $scope.states = [];
    $scope.cities = [];


    // Function for the States callback on the JSON files provided
    window.states = function (data)
    {
      $scope.states = data;
    };

     // Get the State JSON file.   
    $http.jsonp('http://locationinc-mapping-demo.herokuapp.com/states.json');


}]) // end of MainCtrl