將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將在應用程序中可用。