Как загрузить файл контроллера AngularJS при загруженном содержимом

Question

Я новичок в Angular.JS, и я пытаюсь загрузить файл контроллера динамически, когда запрашивает его содержимое, загруженное с ng-include, я делаю это так, потому что страница, которую я создаю будет иметь несколько контроллеров и я достаточно сделать начальная страница для быстрой загрузки из-за его размера, я не уверен, чтобы сделать это, и я думал, что я бы добиться этого, просто делать:

<script type="text/javascript" src="js/controllers/controllerFile.js"></script> 

внутри содержимого, загруженного.

контроллер файла, как это

app.controller('parseQuery', function() 
{ 
    this.object = 'Enter query and parse.'; 

    this.parse = function() 
    { 
     this.object = JSON.stringify(window.getParam(this.query), null, '\t'); 
    }; 

    this.getURL = function() 
    { 
     this.query = document.URL; 
     this.parse(); 
    }; 
}); 

файл html называет контроллер с ng-controller, как он должен работать. Но когда содержимое загружается, javascript возвращает ошибку Argument 'parseQuery' is not a, поэтому ничего не работает, как я могу добиться загрузки файла контроллера после того, как приложение уже загружено?

Answer 1

Для ленивой загрузки ваших скриптов вы хотите проверить загрузчик или CommonJS. Эти библиотеки предоставляют возможность загрузки сценариев по требованию.

Дэн Вахлин имеет excellent blog post подробно описывая, как использовать RequireJS с угловым.

В 1.3.14 AngularJS recieved support for CommonJS. Это будет вашим лучшим выбором.