权威教程 – 笔记04 – Angular的工作原理

这里记录一下，对自己有用的知识点。

1. Angular应用是由组件构成的。可以将组件理解为一种教浏览器人事新html标签的方式。

2. 一个Angular应用其实就是一棵由组件构成的树。在这棵树的根节点，最顶层的组件就是应用本身。它会在浏览器启动(也叫引导)应用的时候被渲染。

3. 组件是可组合的。

4. 由于组件是以树型结构组织起来的，当每个组件被渲染是，它都会递归地渲染下级组件。

5. 组件之间通过 输入\输出 的声明进行消息传递

6. 输入\输出 可以起别称(组件示例属性, 标签元素属性 名字可以不相同)

7. $在模板中有特殊意义，如果原样输出需要转义

8. 使用EventEmitter(事件触发器)，触发自定义事件 (实现观察者模式)

9. host配置项，可以在宿主元素上配置元素属性

10. Angular提供了一个模块化系统，必须明确指出你打算在应用中使用哪些组件。

11. 虽然使用模块系统需要更多的配置，但对于较大型的应用来说，这能避免很大的麻烦。

12. AoT预编译技术('ahead-of-time')

13. Angular可以广泛适应各种数据架构，但这也意味着你需要自己选择一种。

14. 双向绑定：在开发的起步阶段非常好用；
  特点：控制器保存数据、表单直接修改数据、视图显示数据。
  隐患：1)它经常导致真个应用出现级联效应。随着项目规模的扩大，我们会越来越难与追踪数据的流向。2)由于我们的数据要通过组件下发，一般情况下"数据结构树"将不得不与"DOM结构树"相对应。但在实践中，最好把这两件事分开。