Question

我正在学习AngularJS，在所有教程和截屏视频中，我总是看到在一个独特的文件，示例指令，控制器，工厂等中使用角度编写代码......

逻辑上对于大型应用程序，您将拆分代码，使其在多个文件中保持可维护性和灵活性，并且我们应该注意我们需要多少<script>个标记才能让我们的JavaScript文件正确运行。

我想知道在需要时require files的最佳做法是什么，在我的视图中导入较少的javascript文件。我看了 RequireJs ，但使用起来似乎有点复杂。是否有一些工具更高效，更易于使用？或者任何开始的好资源？

一个小例子可以是我有一种使用指令，控制器和工厂构建的插件：

app-|
    --Controllers
         |_ pluginController.js

    --Directives
         |_ pluginDirective.js

    --Factories
         |_ pluginFactory.js

不是要求所有三个文件，而是如何让它工作？

Answer 1

Here'是如何一起使用RequireJS和AngularJS的一个很好的例子。它是Angular Seed项目的一个分支，它应该有希望指向正确的方向。它随附了RequireJS。我绝对建议学习RequireJS！

Answer 2

我建议你阅读Angular文档中的依赖注入。这一切都取决于你如何设置诚实。如果要在控制器中使用服务/工厂，则应将工厂添加为控制器或指令中的依赖项。见下面的例子：

Angular.module('{YOUR MODULE NAME}').controller('{YOUR CONTORLLER NAME}', ['$scope', '{FACTORY NAME}',
function($scope,{FACTORY NAME}) {

}]

要在控制器中调用指令，您只需将指令简单地添加到控制器模板即可。这是一个基本的例子，了解有关dependance injectioninvoke的更多信息

Answer 3

要明确我明白 - 例如我想使用“angularFileUpload”模块，我需要将它添加到我的模块依赖列表 -

角 .module（'kids'，['angularFileUpload' ]）

并加载脚本？

<script src="angularjs/plugins/angular-file-upload/angular-file-upload.min.js" type="text/javascript"></script>

感谢您的帮助。

AngularJs加载依赖项文件

3 个答案: