Angular JS $http is not defined in scope

Question

I've been checking out AngularJS the last couple of days and I've run into an issue. I am trying to use $http.jsonp to get information from the Soundcloud API.... however it seems to me that $http is not defined in $scope. Here's what the console is telling me:

Uncaught ReferenceError: $http is not defined main.js:18
(anonymous function) main.js:18
(anonymous function) sdk.js:1
window.SC.SC.Helper.merge.Dialog.AbstractDialog.AbstractDialog.handleReturn sdk.js:1
window.SC.SC.Helper.merge.Dialog._handleDialogReturn sdk.js:1
window.SC.SC.Helper.merge.connectCallback

here is where I'm making the call in main.js

angular.module('soundSelectahApp')
  .controller('MainCtrl', function ($scope) {
    $scope.apiKey = "#############################";
    $scope.results = [];
    $scope.init = function(){
        SC.initialize({
        client_id: $scope.apiKey,
        redirect_uri: "http://localhost:9000/callback.html"
        });
    // initiate auth popup
    SC.connect(function() {
        SC.get('/me', function(me) { 
        alert('Hello, ' + me.username); 
    });

    $http.jsonp('https://api.soundcloud.com/me.json?client_id=' + $scope.apiKey + '&callback=JSON_CALLBACK').success(function(data) {
        console.log(data);
    }).error(function(error) {
        console.log(error);
    }); 
  });
 };
});

Have I overlooked something? Should I not be tying to use $http.jsonp() in my $scope.init()? Does this mean that I am outside of $scope?

AlwaysALearner · Accepted Answer · 2013-07-28 18:30:02Z

12

You need to inject $http in the controller:

  .controller('MainCtrl', function ($scope, $http) {

answered Jul 28, 2013 at 18:30

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

Comments

Stepan Suvorov · Accepted Answer · 2015-07-25 08:11:57Z

12

or

.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {

to prevent problems with code minification

edited Jul 25, 2015 at 8:11

answered Jul 28, 2013 at 19:04

Stepan Suvorov

26.3k27 gold badges117 silver badges178 bronze badges

Comments

Daman Singh · Accepted Answer · 2013-08-01 07:07:24Z

0

I was getting error similar to this:

$location is undefined

I passed $location to the controller and it resolved the issue.

many thanks

answered Aug 1, 2013 at 7:07

Daman Singh

594 bronze badges

Collectives™ on Stack Overflow

Angular JS $http is not defined in scope

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related