添加 "header" 或库文件到 angularjs 控制器

Question

在 C 程序中，很容易添加包含一组库函数的头文件。

#include "ownlib.h";

在 node.js 中同样简单。

require('./ownlib.js');

我正在尝试为 AngularJS 控制器做同样的事情，但似乎并不容易。我现在要做的是在 Angularjs 控制器 controllers.js 的底部添加如下所示的功能。不幸的是，这会使控制器文件随着时间的推移变得越来越大。

function convertXXXToJson(obj) {
    ... 
    return output;
}

function convertYYYToJson(obj) {
    ... 
    return output;
}

如何方便的给angularjs控制器添加外部库文件？

如果我必须创建一个模块并为每个外部库文件进行依赖注入，那将是一场噩梦。

Answer 1

您只需将新函数添加到一个单独的文件或多个文件中，然后通过脚本标签将它们包含在您的 html 文件中即可。

<script href="controllers-part1.js"></script>
<script href="controllers-part2.js"></script>

现在按照您需要在 html 文件中包含脚本标签的顺序进行。如果您立即在 controllers.js 中执行某些操作，并且它使用 controllers-part<x>.js 中定义的一些函数，那么顺序很重要。然后你需要在 controllers.js 之前包含 controller-part<x>.js 个文件。否则，您可以按任何顺序添加它们。

添加 "header" 或库文件到 angularjs 控制器

Add "header" or library file to angularjs controller

javascript

angularjs

angularjs-controller