在Angular.js中使用Require.js有意义吗?

我是Angular.js的新手，试图理解它与Backbone.js的不同之处……我们曾经在使用Backbone时使用Require.js来管理我们的包依赖关系。对Angular.js做同样的事情有意义吗?

当前回答

是的，这很有道理。

Angular模块不会尝试解决脚本加载顺序的问题或者惰性脚本抓取。这些目标是正交的，都是模块系统可以共存并实现它们的目标。来源:Angular JS官方网站

2013-03-27 17:10:41

其他回答

在AngularJS中使用RequireJS是有意义的，但前提是你要了解它们各自在依赖注入方面的工作原理，因为尽管它们都注入依赖，但它们注入的东西非常不同。

AngularJS有自己的依赖系统，它允许你将AngularJS模块注入到新创建的模块中，以便重用实现。假设你创建了一个"first"模块，它实现了AngularJS过滤器"greet":

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

现在假设你想在另一个叫做“second”的模块中使用“greet”过滤器，这个模块实现了一个“goodbye”过滤器。你可以把"first"模块注入到"second"模块:

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

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

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

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

回到“第一个”和“第二个”AngularJS模块，下面是如何使用RequireJS将模块分离到不同的文件中，以利用脚本依赖项加载:

// 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”文件被注入，这需要加载“第一个”AngularJS模块来创建“第二个”AngularJS模块。

边注:在“firstModule”和“secondModule”文件中注入“angular”，作为在RequireJS回调函数中使用AngularJS的依赖项，它必须在RequireJS配置中配置，以将“angular”映射到库代码中。你也可以用传统的方式(script标签)将AngularJS加载到页面中，尽管这与RequireJS的优点相违背。

更多关于AngularJS 2.0内核支持RequireJS的细节，请见我的博文。

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

2014-01-06 16:11:07

是的，专门为大型SPA服务。

在某些场景中，RequireJS是必须的。例如，我使用AngularJS开发PhoneGap应用程序，它也使用谷歌Map API。如果没有像RequireJS这样的AMD加载器，应用程序只会在离线时启动时崩溃，因为它不能来源谷歌地图API脚本。AMD加载器让我有机会向用户显示错误消息。

然而，AngularJS和RequireJS之间的集成有点棘手。我创建了angularAMD，使这个过程不那么痛苦:

http://marcoslin.github.io/angularAMD/

2013-11-20 13:26:58

简单地说，这是有道理的。最近，ng-conf 2014讨论了这个问题。下面是关于这个话题的演讲:

http://www.youtube.com/watch?v=4yulGISBF8w

2014-01-21 16:54:40

是的，这很有道理。