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

Question

Я новичок в AngularJS, и я не знаю, возможно ли это.

Это мой текущий код:

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

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

Я хочу переместить этот app.config в другой файл и получить доступ из моего файла модуля. Является ли это возможным? Как я могу это сделать?

Answer 1

Вы можете добавить 2 файла или более для каждой части вашего приложения

Помните, что в этом случае у вас есть 1 приложение, это значит (var app = angular.module('qlikCockpitApp', []))

app.js

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>

в этом случае не используйте 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"]);
});

добавлять / перед каталогом файлов