如何在RequireJs中使用ng-app？

Question

我正在学习RequireJs，我很难理解如何在我的HTML中使用Angular指令，这些指令需要已加载角度。

考虑这个例子 -

index.html：

<script src="myUrl/require.js" data-main="js/main.js"></script>
<div ng-app="myApp">
  ...
</div>

main.js：

requirejs.config({
    baseUrl: 'js',
    paths : {
        'angular' : 'myUrl/angular.min',
        },
    shim : {
        'angular' : {
            exports: 'angular'
        },
        'myApp':{
            deps: ['angular']
        }
    },
    deps : ['angular', 'myApp']
});

myApp.js：

require(['angular'], function(angular){
    angular.module('myApp',[]);
});

运行此代码会给我一个Module Unavailable错误，这让我觉得myApp代码还没有运行它，因为RequireJs仍在转动它的轮子。我怎样才能避免这种明显的竞争状况？

Answer 1

使用RequireJS动态加载Angular时，应删除ng-app属性并使用angular.bootstrap初始化应用程序。