AngularJS - 모듈이 다른 파일의 구성을 사용합니다.

Question

저는 AngularJS를 처음 사용했는데 이것이 가능한지 모르겠습니다.

이 내 현재 코드입니다 :

var app = angular.module('qlikCockpitApp',['pascalprecht.translate','720kb.tooltips']); 

app.config(['$translateProvider', function ($translateProvider) { 
... 
}); 

내가 다른 파일이있는 app.config를 이동하려는, 내 모듈 파일에서 액세스 할 수 있습니다. 가능한가? 어떻게해야합니까?

Answer 1

당신은 (var app = angular.module('qlikCockpitApp', []))

이

을 app.js이 말은 당신이 1 응용 프로그램이

이 경우 기억 응용 프로그램의 각 부분에 대한 두 파일 이상을 추가 할 수 있습니다

var app = angular.module('qlikCockpitApp',['pascalprecht.translate','720kb.tooltips']); 

app.config.js

app.config(['$translateProvider', function ($translateProvider) { 
... 
}); 

오른쪽 종류와 index.html을에 파일을 추가 :

<script src="app.js"></script> 
<script src="app.config.js"></script> 

Labjs 사용 : 당신이 lazyload

로 파일을로드 할 경우을

index.html

이 경우

<div id="app"></div> 
<!--required: download labjs library--> 
<script src="lab-library.js"></script> 
<script src="bootstrapper.js"></script> 

16,는

파일 디렉토리 전에 / 추가 ng-app 세트 id 속성

bootstrapper.js

$LAB.script(
    "/angular.js", 
    "/app.js", 
    "/app.config.js" 
) 
.wait(function() { 
    var root = document.getElementById("app"); 
    angular.bootstrap(root, ["app"]); 
}); 

를 사용하지 않는

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 관련 문제 없음^_^