AngularJS支持AMD吗？

Question

在本回购协议中，AngularJS与AMD的RequireJS一起实施。

在本回购协议中，AngularJS团队与AMD共同发起了一个不包括RequireJS的AngularJS项目。

• 我是不是想错了——也就是说，他们在解决不同的问题吗？
• AngularJS库现在支持AMD吗？
• 是否不再需要使用AngularJS项目的要求？

Answer 1

您可以使用提供程序延迟加载ngular.js组件。从文章中：

提供者本质上是用于创建和配置AngularJS人工制品实例的对象。因此，为了注册惰性控制器，您将使用$controllerProvider。。。

总之，您应该首先定义应用程序模块以保留相关提供商的实例。然后，您将定义您的惰性工件，以便使用提供者而不是模块API来注册它们自己。然后使用在路由定义中返回promise的“resolve”函数，加载所有惰性工件，并在加载后解析promise。这确保在渲染相关路由之前，所有惰性人工制品都可用。另外，不要忘记在$rootScope中解析promise$如果解析发生在AngularJS之外，则应用。然后，您将创建一个“引导”脚本，该脚本在引导应用程序之前首先加载应用程序模块。最后，您将从“索引”链接到引导脚本。“html”文件。

http://ify.io/lazy-loading-in-angularjs/

Answer 2

是的，您可以将RequireJS与angular一起使用。你需要做一些额外的工作，使它的功能，如在你包括的链接，但这是可能的。

一般来说，虽然，我还没有发现任何需要AMD的角度。AMD的整体思想是，它允许您声明性地指定脚本之间的依赖关系，而不必担心在页面上包含它们的顺序。然而，Angular通过其依赖注入机制为您解决了这一问题，因此，在这一点上使用AMD并不会带来任何好处。

我还没有找到一个令人信服的理由将AMD与ngular.js.

Answer 3

将RequireJS与AngularJS结合使用是有意义的，但前提是您了解它们各自在依赖项注入方面的工作原理，因为尽管它们都注入依赖项，但它们注入的内容却截然不同。

AngularJS有自己的依赖系统，可以将AngularJS模块注入到新创建的模块中，以便重用实现。假设您创建了一个实现AngularJS过滤器“greet”的“first”模块：

angular
  .module('first', [])
  .filter('greet', function() {
    return function(name) {
      return 'Hello, ' + name + '!';
    }
  });

现在假设您想在另一个名为“second”的模块中使用“greet”过滤器，该模块实现了“再见”过滤器。您可以将“第一”模块注入“第二”模块：

angular
  .module('second', ['first'])
  .filter('goodbye', function() {
    return function(name) {
      return 'Good bye, ' + name + '!';
    }
  });

问题是，为了在没有RequireJS的情况下正确工作，您必须确保在创建“第二个”AngularJS模块之前在页面上加载“第一个”AngularJS模块。引用文件：

依赖于模块意味着需要的模块需要在加载需要的模块之前加载。

从这个意义上说，这里是RequireJS可以帮助您的地方，因为RequireJS提供了一种干净的方法，可以将脚本注入页面，帮助您组织彼此之间的脚本依赖关系。

回到"第一个"和"第二个"AngularJS模块，下面是您如何使用要求JS将不同文件上的模块分开来利用脚本依赖项加载：

// firstModule.js file
define(['angular'], function(angular) {
  angular
    .module('first', [])
    .filter('greet', function() {
      return function(name) {
        return 'Hello, ' + name + '!';
      }
    });
});

// secondModule.js file
define(['angular', 'firstModule'], function(angular) {
  angular
    .module('second', ['first'])
    .filter('goodbye', function() {
      return function(name) {
        return 'Good bye, ' + name + '!';
      }
    });
});

您可以看到，在执行RequireJS回调的内容之前，我们需要注入“firstModule”文件，这需要加载“first”AngularJS模块来创建“second”AngularJS模块。

附带说明：在“第一模块”和“第二模块”文件上注入“角”作为依赖性是必需的，以便在要求JS回调函数中使用AngularJS，并且它必须在要求JS配置上配置以将“角”映射到库代码。您也可以用传统的方式（脚本标记）将AngularJS加载到页面，尽管这会削弱要求JS的优势。

更多关于AngularJS core从2.0版获得RequireJS支持的详细信息，请参阅我的博客文章。

根据我的博客文章“用AngularJS理解RequireJS”，这里是链接。