как получить данные из php Web api json с сервера на использование angularJs.?

Когда я сохраню этот json на своем локальном компьютере и использую его в моем скрипте angularjs. Это нормально. Но когда я использую прямой сервер для этого, он не работает, почему.?

Что отсутствует в моем скрипте.?

мой Json File>

http://deals.ownaroof.com/api/webservices/locations_list.json 

Html>

 <div ng-controller='prefferedCtrl'>{{locations}}</div> 

Сценарий>

 (function(){ angular.module('myapp',['ngRoute']) //afactory to consume webservices and return data to controllers. .service('webServices',['$http',function($http){ return { getLocations : function(){ return $http.get('http://deals.ownaroof.com/api/webservices/locations_list.json').then(function(response){ //wrap it inside another promise using then return response.data.response.locations; //only return locations }); } } }]) //define controller and inject webServices service as dependency. .controller('prefferedCtrl',['webServices','$scope',function(webServices,$scope,$ngRoute){ webServices.getLocations().then(function(response){ $scope.locations = response; //Assign data received to $scope.data }); }]) 

}) ();

как использовать этот json-файл, пожалуйста, предложите мне.