javascript - 将 "header"或库文件添加到 angularjs Controller

Question

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

#include "ownlib.h";

在 Node.js 中，这也同样简单。

require('./ownlib.js'); 

我正在尝试对 AngularJS Controller 执行相同的操作，但似乎并不容易做到。我现在要做的就是在 Angularjs Controller controllers.js 的底部添加如下所示的函数。不幸的是，这会使 Controller 文件随着时间的推移而变得巨大。

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

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

如何方便地将外部库文件添加到 angularjs Controller 中？

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

Answer 1

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

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

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