CHARLIE SAYS

查理如是说
DATE 2026-09-04
THEME

Angular 22+ 高级教程 / SERIES

基于 Angular v22（Signal Forms / OnPush 默认 / resource 稳定 / @Service）的全新教程：核心机制、组件、依赖注入、Signals、Material 与 CDK · 已发布 49 / 49 篇
目录 CONTENTS
01 初识 Angular——框架定位与技术选型 → 02 Angular 与 React / Vue / ASP.NET Core 的比较 → 03 环境搭建与 Getting Started（TS 6 / Node 22+） → 04 Angular CLI——工程化的瑞士军刀 → 05 angular.json 配置详解 → 06 Angular Compiler 漫谈 → 07 组件与模板——Template Binding Syntax → 08 新的控制流 @if / @for / @switch → 09 @let 模板局部变量 → 10 ng-template 与 TemplateRef → 11 属性型指令 Attribute Directives → 12 结构型指令与微语法 → 13 组件生命周期钩子 → 14 组件查询——@ViewChild / @ContentChild 与信号查询 → 15 动态组件 Dynamic Components → 16 Angular 组件 vs Web Components → 17 Angular 组件 vs Shadow DOM 与样式隔离 → 18 依赖注入——注入器层级与注入上下文 → 19 DI 进阶——provide / inject / @Service / injectAsync → 20 Change Detection、OnPush 默认与 Zoneless → 21 Signals——响应式编程新范式 → 22 Signals 与 RxJS 的共存之道 → 23 HttpClient（Fetch 默认）与 resource / httpResource → 24 路由原理篇 → 25 Signal Forms——v22 起稳定的表单方案 → 26 Animation 动画 → 27 内存泄漏、unsubscribe 与 takeUntilDestroyed → 28 NgModule 到 Standalone 的演进 → 29 构建自己的 Library → 30 EventManagerPlugin 与手势事件 → 31 编码风格指南与命名约定 → 32 工程化三件套——Prettier / ESLint / Stylelint → 33 v14 到 v22 的重大改变盘点 → 34 框架的局限与边界 → 35 学以致用——综合实战 → 36 Get Started 与主题体系 → 37 自定义主题 Material Design 3 → 38 Form Field 表单容器 → 39 Icon 与 Tooltip → 40 Overlay——浮层的基石 → 41 Portal——内容投射 → 42 Drag and Drop 拖拽 → 43 Scrolling 虚拟滚动 → 44 Table 与 DataSource → 45 Accessibility——FocusTrap 与焦点管理 → 46 ListKeyManager 键盘导航 → 47 Layout 断点与 Observers 观察者 → 48 大杂烩——杂项技巧与经验合集 → 49 总结与进阶路线图 →
CHARLIE SAYS · 2026 查理如是说