将requireJS与AngularJS一起使用

Question

我正在学习如何将AngularJS与RequireJs一起使用的教程。 我似乎不明白这是如何工作的。

作者创建了一个文件app.js并在文件内添加;

define(function (require) {
    'use strict';

    var angular = require('angular');
    var services = require('./services/services');
    var controllers = require('./controllers/controllers');
    var directives = require('./directives/directives');
    var app = angular.module('App', ['services', 'controllers', 'directives']);
    app.init = function () {
        angular.bootstrap(document, ['App']);
    };
...
})

但是没有显示文件services.js，controllers.js和directives.js是如何构造的。

例如，在services文件中，我假设我有多个服务定义。 这是一个很好的结构，因为这意味着我可以在一个脚本中创建多个服务或控制器。 我遇到的问题是从中获取服务; var =服务进入App。

Answer 1

使用require嵌套或分组文件非常常见 - 所以services / services.js文件（上面的应用程序中需要）可能如下所示：

define(function (require) {
  var services = {};
  services.service1 = require('services/service1');
  services.service2 = require('services/service2');
  services.service3 = require('services/service3');
  services.service4 = require('services/service4');
  services.service5 = require('services/service5');
  return services;
});

然后services.service1将在应用程序中可用。