Angularjs - 지시 파일을 분리하지만 동일한 모듈에 유지

Angularjs - 지시 파일을 분리하지만 동일한 모듈에 유지

새 모듈을 선언할 필요 없이 지시문을 다른 파일로 분리하려고 합니다.

 angular.module('myapp.newmodule',[]).directive

다만:

angular.myapp.directives')를 module('합니다.지시(")

myapp.directives 모듈은 다른 파일에 존재하며 잘 작동합니다. 그러나 위와 같이 다른 파일에서 사용하려고 할 때는 그렇지 않습니다.[]) 실패합니다.

이 대답을 따르자면 제 접근법이 효과가 있을 거라 믿지만, 어떤 이유에서인지 실패했습니다.

모듈을 처음 선언할 때는 종속성 인수를 사용해야 합니다.그런 다음 module name 인수만 사용하여 동일한 module을 참조할 수 있습니다.

/* create module */
angular.module('myapp.newmodule',['ngRoute','ngResource']);

/* declare components of same module, note same name*/
angular.module('myapp.newmodule').directive....

새 모듈을 생성하려면 메인에 모듈을 주입해야 합니다.ng-app모듈을 종속성으로 지정합니다.

/* main ng-app module , injects another module you created below*/
angular.module('myapp.newmodule',['ngRoute','ngResource','myUploader']);

/* new module, must have dependency argument */
angular.module('myUploader',[]).directive...

어디에 있든지 모듈 이름을 참조하고 (다른 파일에서도) 지시사항을 첨부하기만 하면 됩니다.자바스크립트는 모듈에 첨부된 것만 보고 어떤 파일에서 왔는지는 보지 못합니다.

file1.js

angular.module('module-name')
    .directive('directive1', function () {
        return {
            ....
        };
    });

파일2.js

angular.module('module-name')
    .directive('directive2', function () {
        return {
            ....
        };
    });

단 한 가지는 view html 파일에 js 파일을 모두 포함하는 것을 잊지 말아야 합니다.지수를 말합니다.

<script src="file1.js"></script>
<script src="file2.js"></script>

체인으로 연결할 필요는 없습니다. 올려주신 링크는 질문 하단에 답이 있습니다.

앱 모듈을 만드는 데 필요한 첫 번째 파일:

var myApp = angular.module('myApp ', []);

그런 다음 각 파일에 추가 내용을 첨부할 수 있습니다.myApp:

myApp.directive('ngValidate', ['$parse', function ($parse) {
  ....
}]);

저는 개인적으로 이 물건들을 체인으로 묶은 적이 없어요. 그보다는 별도의 파일에 넣어뒀어요.

언급URL : https://stackoverflow.com/questions/20612484/angularjs-separating-directive-files-but-staying-on-the-same-module