Uncaught ReferenceError: $http is not defined

Question

I'm having a bit of trouble using $http using the AngularJS framework. I've read several of the other posts about this error but I can't work out what I'm doing wrong. Any help would be greatly appreciated. The error is 'Uncaught ReferenceError: $http is not defined' and the code is:

function removePupil(val) {  
  var string = 'Jon:jon@aaa.com:George:george@aaa.co.uk:Matthew:matthew@aaa.com:';
  var pupilNowRemoved = string.replace(val, '');
  var data = {
     "customer[id]":  {{ customer.id }},
     "metafield[customer.pupils]": pupilNowRemoved,
  };      
  $http.post('/a/custmeta', $.param(data),
     {"headers" : {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}
  }).success(function(data, status, headers, config) {
     console.log('Removed pupil')
  }). error(function(data, status, headers, config) {
     console.log('Did not remove pupil')
  });
}

have you injected `$http` in your controller function as dependency? — Pankaj Parkar, Jul 11 '16 at 16:22
@Pankaj No I hadn't should it have this after the first line: `app.controller('myCtrl', ['$scope', '$http', function($scope, $http){` and on the second to last line `)]};` ? Thanks for your help, Matt — Matthew, Jul 11 '16 at 16:30
yes, you are correct, you can refer to below answer as well. — Pankaj Parkar, Jul 11 '16 at 16:31
Possible duplicate of [AngularJs ReferenceError: $http is not defined](https://stackoverflow.com/questions/13759120/angularjs-referenceerror-http-is-not-defined) — NoDataDumpNoContribution, Apr 25 '19 at 15:30

score 2 · Accepted Answer · answered Jul 11 '16 at 16:24

2

Try to include $http in your controller like this:

.controller('MyController', ['$http', function ($http) {}];

answered Jul 11 '16 at 16:24

Vicheanak

6,444
17
64
98

Uncaught ReferenceError: $http is not defined

1 Answers1