javascript - 作者说 "AngularJS has compiled the DOM"到底是什么意思？

Question

我正在浏览 Lukas Ruebbelke 的 AngularJS in Action ,

作者在整本书的许多地方，

AngularJS 中的view 是 HTML 由 编译后AngularJS。

我真的不明白编译过程的作用是什么，幕后到底发生了什么？

或者它与粘合 HTML 和 有什么关系吗具有作用域的 Controller ？

Answer 1

AngularJS 编译以不同的方式工作。它直接在 HTML DOM 而不是字符串上工作，并根据需要对其进行操作。它在模型和 View 之间使用双向数据绑定(bind)来同步您的数据。

Agular 的 HTML 编译器允许将新的行为或属性附加到任何 HTML 元素。 Angular 将这些行为称为指令。AngularJS 编译过程发生在网络浏览器中；不涉及服务器端或预编译步骤。 Angular 使用 $compiler 服务来编译你的 Angular HTML 页面。

angular' 编译过程在您的 HTML 页面(静态 DOM)完全加载后开始。它发生在两个阶段:

1.编译

它遍历 DOM 并收集所有指令。结果是一个链接函数。

2.链接

它将指令与范围结合起来并生成实时 View 。范围模型中的任何更改都反射(reflect)在 View 中，并且与 View 的任何用户交互都反射(reflect)在范围模型中。编译和链接的概念来自 C，您首先编译代码，然后链接它以实际执行它。这个过程在 AngularJS 中也非常相似。

所以我们可以说，AngularJS 中的view 就是AngularJS 编译后的HTML。