javascript - requirejs + angularjs 代码结构拆分在不同的文件中

Question

我正在使用 requirejs 和 Angular，我正在尝试创建一个应用程序结构，该结构允许我将每个 Controller /服务/指令等拆分到不同的文件中。这是我想要实现的结构:

src/
components/
    Navigation/
        index.js
        module.js
        NavigationController.js
        NavigationService.js

在 module.js 中我想做这样的事情:

define(['angular', './NavigationService', './NavigationController'], function (angular, NavigationService, NavigationController) {
    'use strict';
    return angular.module('Myapp.Navigation', [])
        .controller('NavigationController', NavigationController)
        .service('NavigationService', NavigationService)
});

并在单独的 js 文件中定义 Controller /服务定义。

问题是我不知道如何定义这些文件。我尝试过使用以下语法:

//NavigationService.js
define( function() {

            this.doNavigation = function () {
                console.log('I am navigating');
            }
    });

但看起来不起作用。你见过这种使用 requirejs 的结构吗？

谢谢!

Answer 1

尝试:

//NavigationService.js
define([], function() {
    NavigationController.$inject = ['$scope', '$q', 'myOwnService', 'etc'];
    function NavigationController($scope, $q, myOwnService, etc) {
        ...
    }
    return NavigationController;
});

您可能还对 angular-require-lazy 感兴趣.