title: Cannot read property 'log' of undefined Angular
body: <p>I hope this one isnt too obvious but im needing a sanity check, I have looked at a few other similar posts but I cant seem to find the error. THe service and the consuming controller below.</p>
  
  <p>Service</p>
  
  <pre><code>(function() {   
  var notify = function(){    
      var logIt;
    toastr.options = {
      "closeButton": true,
      "positionClass": "toast-bottom-full-width",
      "timeOut": "10000"
    };
    logIt = function(message, type) {
      return toastr[type](message);
    };
    return {
      log: function(message) {
        logIt(message, 'info');
      },
      logWarning: function(message) {
        logIt(message, 'warning');
      },
      logSuccess: function(message) {
        logIt(message, 'success');
      },
      logError: function(message) {
        logIt(message, 'error');
      }
    };
  };
  var module = angular.module("app");
  module.factory("notify",notify);
  }());
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>(function() {
  var app = angular.module("app");
  var LoginController = function($scope, $interval, $location,ucja,notify) {   
  $scope.client = ucja;
  $scope.login = function(user,pass){
   notify.log("Heads up! This alert needs your attention, but it's not super important.");
      };   
    };
  app.controller("LoginController",['$scope','notify',LoginController]);
  }());
  </code></pre>