动态加载AngularJS控制器

我找到了一种可能的解决方案，在引导时无需了解控制器：

// Make module Foo and store $controllerProvider in a globalvar controllerProvider = null;angular.module('Foo', [], function($controllerProvider) {    controllerProvider = $controllerProvider;});// Bootstrap Fooangular.bootstrap($('body'), ['Foo']);// .. time passes ..// Load javascript file with Ctrl controllerangular.module('Foo').controller('Ctrl', function($scope, $rootScope) {    $scope.msg = "It works! rootScope is " + $rootScope.$id +        ", should be " + $('body').scope().$id;});// Load html file with content that uses Ctrl controller$('<div id="ctrl" ng-controller="Ctrl" ng-bind="msg">').appendTo('body');// Register Ctrl controller manually// If you can reference the controller function directly, just run:// $controllerProvider.register(controllerName, controllerFunction);// Note: I haven't found a way to get $controllerProvider at this stage//    so I keep a reference from when I ran my module configfunction registerController(moduleName, controllerName) {    // Here I cannot get the controller function directly so I    // need to loop through the module's _invokeQueue to get it    var queue = angular.module(moduleName)._invokeQueue;    for(var i=0;i<queue.length;i++) {        var call = queue[i];        if(call[0] == "$controllerProvider" &&call[1] == "register" &&call[2][0] == controllerName) { controllerProvider.register(controllerName, call[2][1]);        }    }}registerController("Foo", "Ctrl");// compile the new element$('body').injector().invoke(function($compile, $rootScope) {    $compile($('#ctrl'))($rootScope);    $rootScope.$apply();});

唯一的问题是您需要存储，

$controllerProvider

_invokeQueue

更新：
注册指令和服务，而不是分别

$controllerProvider.register

$compileProvider.directive

$provide.factory

UDPATE 2：
它会自动注册所有加载的控制器/指令/服务，而无需单独指定它们。