AngularJS calling API giving injector error

Question

I'm having an injection error when i try to use $http to get a value from an API on my app. I'm including both the code of the module definition and the function which calls the Web API and the error in the browser console.

angular.module('mod-1').controller('Controller', ['$scope','http', 'APICM', '$q', '$filter', '$timeout', 'AppSettings'$modal', 'Dialog', 'title',
function ($scope, $http, API, $q, $filter, $timeout, AppSettings, $modal, Dialog, title) {

    $('.page-title').text(title);

    function getActiveStore() {
      $http.get("https://localhost:44300/api/store/active").success(
            function (response) {
                $scope.currentStore = response;
            })
    }
}

Shikloshi · Accepted Answer · 2015-10-26 15:31:20Z

2

You forgot $ when declaring '$http':

angular.module('mod-1').controller('Controller', ['$scope','$http', 'APICM', '$q', '$filter', '$timeout', 'AppSettings', '$modal', 'Dialog', 'title',
function ($scope, $http, API, $q, $filter, $timeout, AppSettings, $modal, Dialog, title) {

    $('.page-title').text(title);

    function getActiveStore() {
      $http.get("https://localhost:44300/api/store/active").success(
            function (response) {
                $scope.currentStore = response;
            })
    }
}

This should fix the error you are getting.

answered Oct 26, 2015 at 15:31

Shikloshi

3,8429 gold badges39 silver badges61 bronze badges

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

1 Comment

Shikloshi Over a year ago

@javier_el_bene - We all been there .. Try to understand how providers and injectables work and understand angularjs weird stacktrace (:

Collectives™ on Stack Overflow

AngularJS calling API giving injector error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related