构建RequireJS + AngularJS

时间:2013-09-25 09:19:33

标签: angularjs requirejs

我想同时使用angularjs和requirejs。在此之前,我使用了backbonejs和requirejs。我觉得这种组合更舒服一点。 我也从github获得了bower-seed,但它在开始时太嵌套了。

这是我不明白的:

要求我强迫自己开启角度。
因此我创建了一个由我的app命名的模块。 然后我将该模块引导到文档中。

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

在文档准备就绪后会发生这种情况,由此函数检查:      angular.element(document).ready(function(){... bootstraping ...}

到目前为止,我明白了。但是我如何以及在什么时候将ng-app放入标题?

app.js具有将所有控制器,路由器等放入应用程序的功能。通过返回我在require-module中加载的所有模块。在我的情况下,我只加载控制器

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

我的控制器:

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

每个控制器将其内容放入索引模块

内的集合中

我的索引文件:

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

索引文件将控制器模块重新启动到需要它的每个控制器文件。所以我通过加载不同的控制器文件将所有控制器放在一个模块中 这是我的问题:这个程序是否正确,我可以继续加载像这样的所有角度模块吗?

我对使用角度模块和需求模块感到困惑......也许任何人都可以轻松地了解如何设置角度需求项目:)

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

1 个答案:

答案 0 :(得分:4)

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

我也在this SO question中提及过它。

它需要工作,但它正在发挥作用;关于这个话题的讨论确实让我感兴趣。