title: AngularJS $log.debug is not a function
body: <p>I'm a bit frustrated because I can't figure out whats up with the AngularJS <code>$log</code> service. I don't use it often but I have it working on another part of my site, the only reason I could think it wouldn't be working would be something to do with the block scope inside the <code>then</code> function. <br> In my console I get the following error when trying to run <code>$log.debug</code>:</p>
  
  <pre><code>TypeError: $log.debug is not a function
      at analysis.client.controller.js:23
      at processQueue (angular.js:14551)
      at angular.js:14567
      at Scope.$get.Scope.$eval (angular.js:15830)
      at Scope.$get.Scope.$digest (angular.js:15641)
      at angular.js:15869
      at completeOutstandingRequest (angular.js:5387)
      at angular.js:5659
  </code></pre>
  
  <p>Heres my analysis.client.controller.js file: </p>
  
  <pre><code>'use strict';
  
  angular.module('analysis').controller('AnalysisController', ['$scope', '$timeout', '$mdSidenav', '$mdComponentRegistry', '$log', 'Authentication',
      function($scope, $timeout, $mdSidenav, $mdComponentRegistry, $log, Authentication) {
          $scope.user = Authentication.user;
  
          // Option #1
          //
          // $scope.isOpen = function() { return $mdSidenav('right').isOpen(); };
          // $scope.toggle = function() { $mdSidenav('right').toggle() };
  
  
          // Option #2 - See https://github.com/angular/material/issues/974
  
          $scope.toggle = angular.noop;
          $scope.isOpen = function() {
              return false;
          };
  
          $scope.toggleLeft = function() {
              $mdSidenav('left').toggle()
                  .then(function() {
                      $log.debug('toggle left is done');
                  });
          };
      }
  
  ]);
  </code></pre>
  
  <p>Thanks in advance for any help!</p>