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"]);
});

在文件目录
之前添加/

AngularJS - 模块使用来自不同文件的配置

1 个答案: