全书目录

第二十六篇:Angular 完全指南 —— 企业中控园区宇宙

第十四章:常见误区 —— Angular 最容易误解的不是语法,而是定位

2 分钟 737 字 第 475 / 962 个阅读单元

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 概念关系总图

text
                         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 组织
                                └── 长期团队规范