Exploring the Angular textbook on the official website, I came across the PhoneCat phone list extracted from a JSON file in the directory.
I developed the server-side and deployed it to Heroku. The application generates valid JSON data.
How can I send a request to the server? Should I utilize the JSONP method? I have included the code snippet below which I believe should work, but unfortunately, it doesn't. Can someone please assist me?
This code works:
phonecatApp.controller('PhoneListCtrl', function($scope, $http) {
var url = 'phones/phones.json';
$http.get(url).success(function(data) {
$scope.phones = data;
});
This code doesn't work:
phonecatApp.controller('PhoneListCtrl', function($scope, $http) {
var url = 'http://MyServerSideOnHeroku.com/phones.json';
$http.jsonp(url).success(function(data) {
$scope.phones = data;
});
Why is this happening?