第2章 Angular核心概念

第 2 章 · Angular 核心概念

章节摘要：本章是全册最厚的一章，把 Angular 的核心构件依次挂到变更检测主线上：模块与注入体系决定"数据从哪里被供给"，组件是"检查的执行单元"，模板绑定是"被采样的表达式"，指令与管道改变"变更的呈现形态"，路由、表单、HttpClient、状态管理与 RxJS 负责"把异步数据送进检查"。十个节首尾相衔，读完你将拥有一个完整的数据流动图景。

学习目标

1. 解释 NgModule 与 standalone 两种组织方式的关系，说出注入器树的层级查找规则。
2. 给出组件的三大成员（输入、输出、模板），说明输入属性变更如何触发子组件检查。
3. 手写结构型与属性型指令，解释纯管道与不纯管道在变更检测中的求值差异。
4. 配置路由守卫、响应式表单校验、HttpClient 拦截器，并说明各自与变更检测的交互点。
5. 用服务单例 + BehaviorSubject 或信号实现跨组件状态共享，说明为什么它能驱动界面更新。

核心概念速览

金句：组件是舞台，数据是演员，变更检测是幕布后的导演——本章认识整个剧组。

子章节导航

2.1 模块与注入体系：NgModule 的历史角色与 standalone 的演进，注入器树的层级查找，服务作用范围如何决定状态共享的边界。

2.2 组件与变更检测单元：输入与输出、生命周期钩子、内容投影；父传子靠输入，检查自上而下。

2.3 服务与依赖注入：Injectable 与提供位置的选择，三种注入器层级对应的三个单例范围。

2.4 模板与数据绑定：插值、属性、事件、双向四种绑定的求值时机，管道调用与模板表达式的性能边界。

2.5 指令与视图变形：结构型指令的星号语法与模板上下文，属性型指令改宿主，管道纯度差异。

2.6 路由与导航：路由表、参数、守卫；导航结束后同样以一轮检查收尾。

2.7 表单与双向数据流：模板驱动与响应式表单的选择，校验与脏检查的分工。

2.8 HttpClient 与异步数据：请求、拦截器、错误处理；响应到达后谁唤醒检查。

2.9 状态管理：服务单例模式、 BehaviorSubject 与信号两条路线的对比与取舍。

2.10 Observables 与 RxJS：流的创建、变换、销毁，与 async 管道的配合。

子章节之间的逻辑关系

一条论点贯穿十节：数据沿着"HTTP 或用户输入 → 服务与状态 → 组件成员 → 模板绑定 → 屏幕"流动，每一站的设计都为了让变更检测更可预测。

2.1 模块/注入 ─ 2.3 服务 ─ 2.9 状态 ─┐
        │                            ├→ 2.2 组件 → 2.4 绑定 → 2.5 指令管道 → 屏幕
2.6 路由 ─ 2.7 表单 ─ 2.8 HTTP ──┘
                    2.10 RxJS 横向支撑 2.8 与 2.9 的异步数据
​

顺序建议：2.1 → 2.2 → 2.3 是"骨架三节"，务必连续读；2.4 与 2.5 是"表达两节"；2.6 到 2.8 是"入口三节"；2.9 与 2.10 是"水源两节"，为第 3 章的信号与区做准备。

可考核知识点清单

前置知识与后续延伸

前置：第 1 章全部内容，特别是启动链路与 TypeScript 类型建模。后续：第 3 章第 1 节将把本章"绑定被检查"的直觉正式升级为完整的变更检测机制（默认策略、OnPush、Zone 与信号两条触发路线），性能优化一节则直接复用本章的 trackBy 与纯管道结论。