각도 로더 및 스크립트와 비동기 적으로 별도의 파일에 여러 컨트롤러로드

Question

angular-seed을 사용하여 각도 프로젝트를 시작했으며 index-async.html에서는 각도 로더와 script.js을 기본적으로 사용했습니다. 이 프로젝트에 두 개의 컨트롤러를 추가했습니다. 각 컨트롤러는 두 개의 개별 파일에 있습니다. 제 컨트롤러 파일은 다음과 같이 시작한다 :

가

angular.module('myApp.controllers').controller('FirstCtrl', ... 

상기 제 2 제어부의 파일은 다음과 같이 시작한다 :

angular.module('myApp.controllers').controller('SecondCtrl', ... 

그리고 메인 app.js 파일 :

angular.module('myApp.controllers', []); 
angular.module('myApp', [ 
    'myApp.controllers' 
]) 

세 개의 파일이 모두 script.js에 추가되었습니다.

$script([ 
     'bower_components/angular/angular.js', 
     'bower_components/angular-route/angular-route.js', 

     'js/app.js', 

     'js/controllers/first-ctrl.js', 
     'js/controllers/second-ctrl.js', 
    ], function() { 
     angular.bootstrap(document, ['myApp']); 
    }); 

나는 응용 프로그램을 실행하면

는 때때로 작동하고, 가끔 오류를 얻을 :

Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.2.20/ $injector/nomod?p0=myApp.controllers

Error: [ng:areq] Argument 'FirstCtrl' is not a function, got undefined

참고. 간결함을 위해 나는 routeprovider를 생략했지만 FirstCtrl을 먼저 사용하여 경로로갑니다. SecondCtrl을 사용하여 경로를 다시 지정하면 비슷한 문제가 발생합니다.

너무 많은 각도의 씨앗으로 변경했다고 생각하지 않습니다. 컨트롤러를 추가 할 때 제대로 작동하는지 궁금합니다.

Answer 1

$ script.js v2 (아직 발표되지 않음)이 이미 병렬 스크립트로드를 지원하고 있지만 실행 순서도 유지된다는 것을 알았습니다.

아래 파일의 내용을 복사하여 업그레이드하고 이전 파일을 index-async.html으로 바꿀 수 있습니다.

https://github.com/ded/script.js/blob/v2/src/script.js