angularjs - 构建 RequireJS + AngularJS

Question

我想同时使用 angularjs 和 requirejs。在那之前，我使用过 backbonejs 和 requirejs。我对这种组合感觉更舒服。我也从 github 上得到了 bower-seed，但它太嵌套了。

以下是我不明白的地方:

Require 迫使我自己引导 Angular。
因此，我创建了一个由我的应用程序命名的模块。然后我将该模块引导到文档中。

angular.module('app', []);
angular.bootstrap(document, ['app']);

这发生在文档准备好之后，由这个函数检查: angular.element(document).ready(function() { ... 引导 ... }

到目前为止，我明白了。但是我如何以及在什么时候将 ng-app 放入 header 中？

app.js 具有将我所有的 Controller 、路由器等放入应用程序的功能。通过返回我在 require-module 中加载的所有模块。在我的例子中，我只加载 Controller

///app.js///
define(['angular', 'controller'], function (angular){
    return angular.module('app',[
        'app.controller',
        'app.router'
    ]);
});

我的 Controller :

define(['index', 'uirouter'], function(controllers){
    controllers.controller('homeCtrl', function($scope, $routeParams){
         $scope.logId = "testId";
    });
});

每个 Controller 将其内容放入索引模块中的集合中

我的索引文件:

///index///
define(['angular'], function(angular){
    return angular.module('app.controllers',[]);
});

索引文件将 Controller 模块返回给每个需要它的 Controller 文件。所以我通过加载不同的 Controller 文件将所有 Controller 放在一个模块中这是我的问题:这个过程是否正确，我可以继续像这样加载所有 Angular 模块吗？

我对使用 angular-modules 和 require-modules 感到困惑......也许任何人都得到了关于如何轻松设置 angular-require 项目的很好的指导:)

这是项目的链接:LINK ;)也许任何人都可以帮我一点点:)

Answer 1

我正在试验这个例子:https://github.com/nikospara/angular-require-lazy

我在this SO question中也提到过.

它需要工作，但它正在工作；关于这个话题的讨论让我很感兴趣。