title: Angular JS TypeError: $http is not a function
body: <p>I have read through all the posts where people get this issue where $http is not a function, and it looks like for the most part it is due to injections being done in the wrong order.</p>
  
  <p>My module definition looks like this:</p>
  
  <pre><code>angular.module("app", []).controller("appCtrl", ['$scope','$http',
      function ($scope, $http) {
  
  ...
  
      $scope.makeCall= function ($http) {
           console.log("HERE");
           $http({ method: 'GET', url: &lt;url }).
              then(function (response) {
  
                  console.log(response.data);
                  return response.data;
              }, function (response) {
  
          });
      };
  }
  ])
  </code></pre>
  
  <p>Any suggestions would be greatly appreciated.</p>