Processing $http response in service

Question

I recently posted a detailed description of the issue I am facing here at SO. As I couldn't send an actual $http request, I used a timeout to simulate asynchronous behaviour. Data binding from my model to view is working correctly.

Now, when I use $http instead of $timeout (tested locally), I could see the asynchronous request was successful and data is filled with json response in my service. But, my view is not updating.

Answer 1

For processing $http response in service you can return promise in your service and use then in your controller see the code below:-

Looking for Angularjs material from basics! Refer to this video on Angularjs provided by Intellipaat:

Code:

var app = angular.module('plunker', []); app.factory('myService', function($http) { 

return { 

async: function() {

 return $http.get('test.json'); 

//1. this returns promise 

} 

}; 

}); 

app.controller('MainCtrl', function( myService,$scope) { 

myService.async().then(function(d) { 

//2. so you can use .then() 

$scope.data = d; 

}); 

});