title: Dynamic injection of service (from within the controller)
body: <p>I would like to dynamically inject some dependencies within a controller.
  I can do it easily with the $injector like this:</p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.service('serv1', function() {
      var me = this;
  
    this.welcome = function(str) {
      console.log("Welcome " + str + "!");
    };
  });
  
  app.controller('Ctrl', function($scope, $injector) {
    var servMe = $injector.get('serv1');
  
    $scope.greeting = function() {
      servMe.welcome('Master Obi-wan');
    };
  });
  </code></pre>
  
  <p>But, let's say that I have a huge service serv1 and do not want to 'bloat' my page if not required.
  I would like to do it from within my controller (Plunker provided: <a href="http://plnkr.co/edit/Szs4Pg?p=preview" rel="nofollow">http://plnkr.co/edit/Szs4Pg?p=preview</a>)</p>
  
  <p>The error I am facing is that the <strong>$injector</strong> does not seem to know about the newly loaded service. Should I refresh its cache or something? Should I instantiate a new one?</p>
  
  <p>Many thanks in advance.</p>