1. 误区:Angular 只是一个“前端框架大礼包”。
不是。它更像完整治理体系。你不理解这一点,就会觉得“为什么它要管这么多”。
2. 误区:Service 就是全局变量。
不是。服务有没有全局性,取决于 provider 的作用域。根级 provider 和组件级 provider 完全不是一回事。
3. 误区:DI 是魔法。
不是。DI 是显式供给图。谁提供、谁消费、查找范围是什么,都是可以推理的。
4. 误区:Observable 只是 Promise 的复杂版。
不是。Promise 是一次性交付,Observable 是时间流。路由、表单、实时数据这些都更适合流式心智。
5. 误区:Angular 模板不如 JSX 灵活,所以就落后。
这是错位比较。Angular 模板追求的是可分析、可治理、团队一致性,不是把所有表达力塞进模板。
6. 误区:用了 standalone,就等于不要架构了。
不是。standalone 只是把依赖边界从模块中心转成组件中心,架构反而更需要清楚。
7. 误区:NgModule 已经完全没用了。
不对。新项目主线可以走 standalone,但大量企业存量工程仍然是 NgModule 体系,维护者必须会读。
8. 误区:Route guard 就是安全。
不是。前端 guard 只是客户端门禁体验,真正的权限校验必须在服务端再做一次。
9. 误区:Angular 一定只适合“老派大项目”。
也不对。它确实更适合大项目,但核心不是老不老,而是你是否需要完整治理体系。
10. 误区:学 Angular 就是背各种装饰器。
真正要学的是园区心智:边界、依赖、流、路由、作用域、工程规范。
#Angular 概念关系总图
Angular 企业中控园区宇宙
│
┌───────────────────────────┼───────────────────────────┐
│ │ │
▼ ▼ ▼
建筑单元层 供给治理层 流程调度层
│ │ │
├── Component ├── Service ├── Router
├── Template ├── Provider ├── Route Params
├── Directive ├── Injector ├── Guards
├── Pipe ├── InjectionToken └── Lazy Boundaries
└── Input / Output └── Hierarchical DI
│ │
└───────────────┐ │
▼ ▼
组件实例需要公共能力与配置
│
▼
响应式事件管网层
│
├── Observable
├── Operators
├── async pipe
├── HttpClient streams
├── ActivatedRoute streams
└── FormControl.valueChanges
│
▼
工程总包与治理层
│
├── Angular CLI
├── Workspace / angular.json
├── build / serve / test / generate
├── app / library 组织
└── 长期团队规范