📅 最后修改于: 2023-12-03 14:59:18.769000 🧑 作者: Mango
在AngularJS中，angular.bootstrap()函数用于手动启动Angular应用。当使用脚本动态加载Angular应用时，或者需要在已有的HTML页面上添加Angular应用时，可以使用angular.bootstrap()函数来启动Angular。
angular.bootstrap(element, [modules], [config]);
element: 一个DOM元素，作为Angular应用的根元素。modules (可选): 一个包含Angular模块的数组，用于定义要加载的模块。如果不提供该参数，则默认加载所有已注册的模块。config (可选): 一个对象，包含应用的配置选项。下面是一个使用angular.bootstrap()函数启动Angular应用的示例：
<!DOCTYPE html>
<html>
<head>
<title>AngularJS App</title>
<script src="angular.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.message = "Hello, World!";
});
angular.element(document).ready(function() {
angular.bootstrap(document, ['myApp']);
});
</script>
</head>
<body>
<div ng-controller="myController">
{{ message }}
</div>
</body>
</html>
在上面的示例中，我们首先定义了一个名为myApp的Angular模块，并在模块中定义了一个名为myController的控制器。然后，我们使用angular.element(document).ready()函数来确保页面加载完成后再启动Angular应用。最后，通过调用angular.bootstrap(document, ['myApp'])函数启动了Angular应用。
angular.bootstrap()函数只能被调用一次，在同一个文档上只能启动一个Angular应用。ng-app指令或自动引导Angular应用的其他方式，就不需要调用angular.bootstrap()函数。