AngularJS 是一个流行的前端 JavaScript 框架，用于构建单页应用程序（SPA）。Bootstrapping 是 AngularJS 中的重要概念之一，它负责将 AngularJS 应用程序与页面关联起来并启动应用程序。
Bootstrapping 原理
当浏览器加载 HTML 页面时，AngularJS 会在页面上搜索 ng-app 指令。这个指令告诉 AngularJS 应该在哪里启动应用程序。一旦找到 ng-app 指令，AngularJS 就会创建一个根作用域，并将其绑定到页面上。接着，AngularJS 会在页面上查找其他指令，并将其添加到作用域中。
如何进行 Bootstrapping
进行 AngularJS 进行 Bootstrapping 的方法有两种：自动和手动。
自动 Bootstrapping
自动 Bootstrapping 是最常见的方式，也是推荐使用的方式。它涉及到在页面上使用 ng-app 指令来指定应用程序的根元素。下面是一个简单的例子：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
--------- --------- -----------
---- --------- --- ---
------- ------------------------------------------------------------------------------------
---- --- -- ---
------- ----------------------
-------
------
---- -----------------------------
-------- -------------
------
-------
-------在上面的例子中，ng-app 指令告诉 AngularJS 应用程序应该从 myApp 模块开始。这个模块定义了我们应用程序的组件、指令和服务。
手动 Bootstrapping
如果您需要更多的控制权，并且想要手动启动应用程序，请使用手动 Bootstrapping。下面是一个简单的例子：
-- -------------------- ---- -------
--------- -----
------
------
--------- --------- -----------
---- --------- --- ---
------- ------------------------------------------------------------------------------------
---- --- -- ---
------- ----------------------
-------
------
---- -----------------------------
-------- -------------
------
--------
-- --------
------------------------------------------ -
--------------------------- -----------
---
---------
-------
-------在上面的例子中，我们不再使用 ng-app 指令。相反，我们使用 angular.bootstrap() 方法手动启动应用程序。该方法接受两个参数，第一个参数是要绑定到应用程序的 DOM 元素，第二个参数是应用程序的名称。在这个例子中，我们将应用程序绑定到整个文档，并指定应用程序的名称为 myApp。
Bootstrapping 的意义
Bootstrapping 是 AngularJS 应用程序中的重要概念之一。它负责将应用程序与页面关联起来，并启动应用程序。通过理解 Bootstrapping，您可以更好地理解 AngularJS 应用程序的工作原理，并能够更有效地构建和调试应用程序。
结论
在本文中，我们介绍了 AngularJS 中 Bootstrapping 的原理、如何进行 Bootstrapping、Bootstrapping 的意义以及其对于前端开发的指导意义。现在，您已经掌握了 AngularJS 中 Bootstrapping 的知识，可以开始构建自己的 AngularJS 应用程序了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25372