Angular Js : '$q.defer is not a function' error

angularjs q angular-promise angular-services
Sumeet Darade picture Sumeet Darade · Oct 3, 2015 · Viewed 11.5k times · Source

After Refering this Link , I am trying to get JSON data into my angular service.

Service:

.factory('restservice', ['$rootScope','$http', '$q', '$log',
function($rootScope,$q, $http) {
return {
    getData: function() {
        var defer = $q.defer();
        $http.get('xyz.com/abc.php', { cache: 'true'})
        .success(function(data) {
            defer.resolve(data);
        });

        return defer.promise;
      }
};
}])


Controller:

.controller('RestaurantsCtrl', function ($scope,$http, restservice,restViewservice){

      restservice.getData().then(function(data) {
      $scope.Restaurants = data;
    });

})


After Implementing this console says '$q.defer is not a function'.

What's the issue here? Please Help ...!! Am new to Angular Js so forgive if something is wrong.

Answer

Maxim Shoustin picture Maxim Shoustin · Oct 3, 2015

You have wrong service definition:

factory('restservice', ['$rootScope','$http', '$q', '$log',
function($rootScope,$q, $http) {

Should be:

factory('restservice', ['$rootScope','$http', '$q', '$log',
function($rootScope,$http, $q, $log) {

Common mistake :)

Related questions

How do I sequentially chain promises with angularjs $q?

In the promise library Q, you can do the following to sequentially chain promises: var items = ['one', 'two', 'three']; var chain = Q(); items.forEach(function (el) { chain = chain.then(foo(el)); }); return chain; however, the following doesn't work with $q: …

Read More
solving $rootScope:infdig Infinite $digest Loop

I get the basic idea of the infinite digest loop and how it happens, but I'm running into the problem. Here is a fiddle demonstrating my code and problem: http://jsfiddle.net/eS5e5/1/ In the jsfiddle console you'll see …

Read More
What's the difference between returning value or Promise.resolve from then()

What is the difference between: and this: new Promise(function(res, rej) { res("aaa"); }) .then(function(result) { return Promise.resolve("bbb"); }) .then(function(result) { console.log(result); }); I'm asking as I'm getting different behaviour Using Angular and $http service with …

Read More