在AngularJS应用中，通常我们使用`ng-app`指令自动启动应用，并通过`angular.module`定义和注册模块。然而，在某些特殊情况下，我们可能需要手动初始化Angular模块与控制器，这通常发生在我们不希望或者不能使用`ng-app`指令时。本文将详细探讨如何实现这一过程。
手动初始化模块的方法是使用`angular.bootstrap`函数。这个函数接受两个参数：一个是你要初始化的DOM元素，另一个是你应用的模块名。例如，在给定的代码中：
```javascript
document.onclick = function() {
var aDiv = document.getElementsByTagName('div');
angular.bootstrap(aDiv[0], ['myApp1']);
angular.bootstrap(aDiv[1], ['myApp2']);
};
```
这里，当用户点击文档时，两个不同的模块`myApp1`和`myApp2`分别被初始化在两个`div`元素上，每个模块都有对应的控制器`Aaa`和`Bbb`。
手动初始化控制器可以在模块的`.controller`方法中定义，就像这样：
```javascript
var m1 = angular.module('myApp1', []);
m1.controller('Aaa', function($scope) {
$scope.name = 'hello AngularJs';
});
var m2 = angular.module('myApp2', []);
m2.controller('Bbb', function($scope) {
$scope.name = 'Hi';
});
```
此外，我们还可以使用`.run`方法来初始化控制器，但这种方法的一个限制是它只能操作全局变量，因为`.run`中的依赖注入只能访问到根作用域（$rootScope）。以下是如何使用`.run`初始化数据的例子：
```javascript
var m1 = angular.module('myApp', []);
m1.run(['$rootScope', function($rootScope) {
$rootScope.name = 'hello';
}]);
```
在这个例子中，`$rootScope`是所有控制器共享的全局作用域，因此我们在`.run`中设置的`name`属性可以被应用中的任何控制器访问。但是，需要注意的是，由于`.run`方法不支持局部作用域（`$scope`），所以在其中直接使用`$scope`会导致错误。
总结来说，手动初始化Angular模块和控制器是一种更加灵活的开发方式，它可以让你在没有`ng-app`的情况下启动应用，或者在特定事件触发时才进行初始化。这通常用于复杂的场景，如单页应用（SPA）的动态加载或异步初始化。同时，`.run`方法则提供了一种在应用启动时执行初始化逻辑的方式，但其对全局状态的依赖可能会增加代码的耦合性，因此应谨慎使用。了解和掌握这些技巧对于深入理解AngularJS的工作原理以及提高应用的灵活性至关重要。
