Как я могу переместить угловые зависимости от приложения к контроллерам?

Question

Я изучаю AngularJS, и у меня есть одно приложение, которое использует несколько отдельных контроллеров, и все разделяется на отдельные файлы. Обратите внимание, что нет «$ scope», потому что я использую синтаксис «controller as vm».

Применение:

(function() { 
    "use strict"; 
    angular.module("myApplication", ['dependency1', 'dependency2']) 
})(); 

контроллер 1 (который нужно будет только dependency1):

(function() { 
    "use strict"; 
    angular.module("myApplication") 
     .controller("firstController", firstController); 

      function firstController($http) { 
      ... 
      } 

контроллер 2 (который нужно будет только dependency2):

(function() { 
    "use strict"; 
    angular.module("myApplication") 
     .controller("secondController", secondController); 

      function secondController($http) { 
      ... 
      } 

Все работает правильно, но этот подход заставляет меня включать все файлы зависимостей во ВСЕХ страницах.

Я хотел бы перейти зависимости к контроллерам:

Новое приложение (без зависимостей):

(function() { 
    "use strict"; 
    angular.module("myApplication", []) 
})(); 

Вопрос заключается в том: что такое правильный синтаксис для контроллеров, для того, чтобы переместить «зависимость1» с контроллером 1 и «зависимость2» с контроллером 2?

Спасибо!

Answer 1

Посмотрите ozLazyLoad

myApp.controller("MyCtrl", function($ocLazyLoad) { 
    $ocLazyLoad.load('testModule.js'); 
}); 

Читать далее через here.