AngularJS: Cannot read property 'get' of undefined $http

Question

var myApp = angular.module('myApp',[]);

myApp.controller('Controller', function($scope, $interval){

    $interval(function($scope, $http){

        $http.get('test.json').success(function(data){
        $scope.notifications = data;
        });
    },5000);

});

Anyone See what exactly I'm doing wrong? The interval is working correctly, as the error repeats ever 5 seconds in Chrome's Console. Am I passing the $http correctly to the controller?

you don't appear to be passing $http into the controller at all.... — Claies
– Claies, Commented Mar 10, 2015 at 6:07
create a factory and have a method to do the http get and invoke that method over here, after injecting the factory in the controller. as @Claies mentioned in this example you forgot to inject $http — V31
– V31, Commented Mar 10, 2015 at 6:11

Huy Hoang Pham · Accepted Answer · 2015-03-10 06:09:18Z

1

All Angular module should be injected in the constructor of the controller.

var myApp = angular.module('myApp',[]);
myApp.controller('Controller', function($http, $scope, $interval){

$interval(function(){
    $http.get('test.json').success(function(data){
          $scope.notifications = data;
    });
},5000);

});

answered Mar 10, 2015 at 6:09

Huy Hoang Pham

4,1471 gold badge19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Steven Wexler · Accepted Answer · 2015-03-10 06:09:03Z

0

You need to inject $http into your controller. (The same way you inject $scope and $interval.) You may be interested to read https://docs.angularjs.org/guide/di.

var myApp = angular.module('myApp',[]);
myApp.controller('Controller', function($scope, $interval, $http){

    $interval(function($scope, $http){

        $http.get('test.json').success(function(data){
        $scope.notifications = data;
        });
    },5000);

});

answered Mar 10, 2015 at 6:09

Steven Wexler

17.5k8 gold badges59 silver badges83 bronze badges

Comments

Omri Aharon · Accepted Answer · 2015-03-10 06:09:10Z

0

Like you injected the $interval service, you need to inject the $http service:

var myApp = angular.module('myApp',[]);

myApp.controller('Controller', function($scope, $interval, $http){

    $interval(function($scope, $http){

        $http.get('test.json').success(function(data){
        $scope.notifications = data;
        });
    },5000);

});

answered Mar 10, 2015 at 6:09

Omri Aharon

17.1k5 gold badges43 silver badges61 bronze badges

Comments

Sudhir Bastakoti · Accepted Answer · 2015-03-10 06:09:40Z

0

you need to pass in $http in your controller, as:

var myApp = angular.module('myApp', []).
myApp.controller('ImagesCtrl', ['$scope', '$http', '$interval', function ($scope, $http, $interval) {
    $interval(function(){

        $http.get('test.json').success(function(data){
        $scope.notifications = data;
        });
    },5000);
}]);

answered Mar 10, 2015 at 6:09

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Collectives™ on Stack Overflow

AngularJS: Cannot read property 'get' of undefined $http

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related