javascript - 在 AngularJS 中使用 requireJS

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 的结构。

例如，在服务文件中，我假设我会有多个服务定义。这是一个很好的结构，因为它意味着我可以在一个脚本中创建多个服务或 Controller 。我的问题是从那里获得服务； var = 应用程序中的服务。

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 将在应用程序中可用。