Использование 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 структурированы.

Например, в файле служб предполагается, что у меня будет несколько определений служб. Это хорошая структура, потому что это означает, что я могу создавать несколько сервисов или контроллеров в одном скрипте. Проблема заключается в том, чтобы получить услуги; var = services в приложении.

Answer 1

вложенности или группировка файлов с требуют довольно часто - поэтому услуги/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 станет доступный в приложении.