加载依赖文件

AngularJs Load dependencies files

本文关键字：文件 依赖 加载      更新时间：2023-09-26

我正在学习AngularJS，在所有的教程和视频中，我总是看到使用angular在一个唯一的文件中编写代码，例如指令，控制器，工厂等…

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

我想知道这是require files在需要时的最佳实践，在我看来可能导入更少的javascript文件。我看了看 requires ，但使用起来似乎有点复杂。有没有更有效、更容易使用的工具?或者有什么好的资源可以开始吗?

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

app-|
    --Controllers
         |_ pluginController.js
    --Directives
         |_ pluginDirective.js
    --Factories
         |_ pluginFactory.js

不需要所有三个文件，如何使它工作?

这是一个如何同时使用RequireJS和AngularJS的好例子。它是Angular Seed项目的一个分支，希望它能给你指明正确的方向。它附带了RequireJS。我绝对推荐学习RequireJS!

我建议你阅读Angular文档中的依赖注入。这完全取决于你如何设置事情是诚实的。如果你想在你的控制器中使用你的service/factory，那么你需要在你的控制器或指令中添加一个依赖项。请看下面的例子:

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

}]

要在你的控制器中调用该指令，你只需简单地将该指令添加到你的控制器模板中。这是一个基本的例子，要了解更多关于依赖注入的知识，请阅读

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

角.module(‘孩子’,‘angularFileUpload’)

并加载脚本?

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

相关文章：