javascript - 引导angularjs后加载 Controller

Question

我正在使用 requirejs 和 angularjs 在我的应用程序中加载模块。我面临的问题是我不知道如何在引导 Angular 后加载 Controller 。这是我的代码:

主要.js :

require(['app', //all my scripts go here 
function(){
 angular.bootstrap(document, ['myApp']);
});

应用程序.js:

define([], function(){
    var myApp = angular.module('myApp', ['ngRoute']);
    $routeProvider.
        when('/home', {
                templateUrl : 'partials/home.html',
                controller : 'UserRegisterCtrl'
            }).
            otherwise({
                redirectTo : '/home'
            })
    return myApp;
})

Controller .js

define(['app'], function(app){
    app.controller('MyCtrl', function($scope){});
})

我的应用程序.html

body(ng-app)
     <div ng-controller = 'MyCtrl'></div>  <-- I can not put MyCtrl here 
because I think the MyCtrl has been declared before myApp has been bootstrapped

因此我真的很想知道是否有办法在 myApp 启动后加载 MyCtrl Controller 。我真的是 Angularjs 的新手。任何帮助将不胜感激。

Answer 1

如果您手动引导您的 Angular 应用程序，则不需要 ng-app，因为这只是一个指令，几乎可以做同样的事情。

这个小陷阱之前让一些人很头疼:

• Why do I need to angular.bootstrap even when I declare ng-app="MyApp" in JSFiddle
• angular bootstrapping issues angular.bootstrap not working on my apps