javascript - 如果不存在则创建一个 AngularJS 模块

Question

我有几个指令和工厂分布在几个文件中，但我希望它们都包含在同一个模块中。例如:

user-account.js

var userModule = angular.module("user", []); //I create the module here
userModule.directive("userPicture", ...);

user-transactions.js

var userModule = angular.module("user"); //I use the module here
userModule.directive("userPayment", ...);

我遇到的问题是要让它工作，我需要以正确的顺序包含文件，否则它将无法工作，因为模块的创建仅在 user-account.js 中完成。我不喜欢这样，因为这些模块的用户需要知道正确的顺序才能工作。

所以我的问题是，如何以一种优雅的方式构建我的模块创建和使用？我正在考虑创建某种 Singelton 助手来创建模块(如果它不存在)，但我不喜欢这个想法。还有其他想法吗？

Answer 1

不要在同一文件中混合使用 user 模块和 user-account。

app.js:

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

user.js:

angular.module('user', []);

user-account.js:

angular.module("user").directive("userPicture", ...);

user-transactions.js:

angular.module("user").directive("userPayment", ...);

然后在您的 index.html 中:

<!-- modules -->
<script src="js/app.js"></script>
<script src="js/user.js"></script>

<!-- directives -->
<script src="js/directives/user-account.js"></script>
<script src="js/directives/user-transactions.js"></script>