angularjs $http not defined but it is

Question

I am simply trying to log something to the console, but it keeps saying $http is not defined. Can someone point out what i am doing wrong? It doesnt give error when its placed inside of the likeCtrl function, but I dont want it there but to sit outside of it.

angular.module('app', ['ui.bootstrap']);
        angular.module('app').controller('likeCTRL', likeCTRL);

        function likeCTRL($rootScope, $scope, $uibModal, $http) {

  
        
        }
            
        var domain = '';

            var __REQUESTDIGEST = '';
            var app = angular.module('app', ['ui.bootstrap']);

            var User = $http.get(domain + "/_api/web/currentuser", {
                headers: {
                    "Accept": "application/json; odata=verbose"
                }
            });
            

            
            
            function likeCTRL($rootScope, $scope, $uibModal, $http) {

                User.then(function(response) {
                    console.log(response.data.d.Title);
                    $scope.myName = response.data.d.Title;

                    if ($scope.myName == "Doe, Jane") {
                        alert("this");
                  
                    }


                });
            }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body style="background-color:whitesmoke" ng-app="app" ng-controller="likeCTRL">
     
        <div class="container">
            <div class="row">

                
                        <a id="admin" class="pull-right" href="" target="_blank" style="display: none">| Admin | |</a>

                  </div>

        </div>






    </body>

you have to put it in something that can be injected with it. — Daniel A. White
– Daniel A. White, Commented Jan 21, 2018 at 0:54
You realize you have likeCTRL defined twice in the code you've presented here, right? And in both definitions, you're not using $http within the function? — Heretic Monkey
– Heretic Monkey, Commented Jan 21, 2018 at 0:56

Estus Flask · Accepted Answer · 2018-01-21 10:48:30Z

1

The error is caused by the fact that some controller code doesn't reside in controller function and is evaluated outside AngularJS application. So no, $http is not defined there, JS errors can be trusted.

likeCTRL function is being redefined. There should be only one likeCTRL function.

This code

    var domain = '';

        var __REQUESTDIGEST = '';
        // var app = angular.module('app', ['ui.bootstrap']);
        var User = $http.get(domain + "/_api/web/currentuser", {
            headers: {
                "Accept": "application/json; odata=verbose"
            }
        });

should reside inside controller function.

Notice that var app = angular.module('app', ['ui.bootstrap']) was commented. angular.module('app', ['ui.bootstrap']) redefines existing module and will cause problems in future. It shouldn't be there.

edited Jan 21, 2018 at 10:48

answered Jan 21, 2018 at 10:35

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

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

Collectives™ on Stack Overflow

angularjs $http not defined but it is

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related