javascript - Angular JS 底层是如何工作的？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

我已经开始学习 Angular JS。我不明白 Angular 的内部是如何工作的。例如。让我们考虑 w3schools' first example :

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
 
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>

</div>

问题:

1. 如何创建属性 myng-myapp使用纯 JavaScript？

2. 什么是{{}}在html语言中？这些里面的内容是如何转换成文本的呢？如何使用纯 JavaScript 创建相同的效果。也就是说，我不使用 angularjs 库，然后插入 {{name}}在 html 文件中。现在在脚本标签中我定义 var name = "Bob" 。现在怎么会{{name}}转换为 Bob ？

编辑:这就是我的问题不与链接问题重复的原因:

1. 我的问题没有询问编译器、 Controller 、预链接和后链接。

2. 我的问题没有问如何声明各种函数？源模板和实例模板有什么区别？指令函数按什么顺序执行？这些函数调用之间还发生了什么？

3. 链接的问题没有解释如何使用纯 JavaScript 创建自定义属性。

4. 它没有解释什么是 {{}}在 html 或 css 中。

如果您认为链接的问题回答了我的任何问题，欢迎您显示该部分，我很乐意删除我的问题。

谢谢。

Answer 1

您的问题的答案:

1. 您无法使用纯 JavaScript 创建它。每个以 ng- 开头的属性都由 Angular 解释。它不是 HTML、CSS 或 javascript 标准的一部分。
2. 与 1 的答案相同。{{}} 不是 HTML 标准的一部分。

将 Angular(或任何其他 javascript 框架，如 jQuery)视为 HTML、CSS 或 javascript 的附加组件或扩展(如 Chrome)。