《Angular应用程序开发指南》主要介绍如何用 Web 前端框架 Angular 开发应用程序。书中先介绍Angular的发展历程和基础概念，帮助读者了解Angular框架并打好坚实的基础；然后以“天天菜园”蔬菜订购应用程序为例，将理论讲解落实到代码实现上，带领读者真正体验用Angular开发应用程序的全过程；*后介绍用于实现自动化开发工作流程的命令行接 口Angular CLI，帮助读者用所学知识构建新的应用程序。本书既涵盖Angular的基础内容，又通过真实的项目实例展现了应用程序的开发过程，非常适合对 Angular 框架感兴趣的前端开发人员作为自学教程。

第 1章 初识Angular1 1.1 JavaScript的诞生1 1.2 AngularJS的诞生1 1.3 从AngularJS到Angular 22 1.4 从Angular 2到Angular2 1.5 Angular是一个框架3 1.6 小结4 第 2章 准备工作5 2.1 跨平台的开发环境5 2.1.1 Node.js5 2.1.2 Visual Studio Code8 2.1.3 TypeScript编译器10 2.1.4 调试TypeScript代码14 2.1.5 Express18 2.2 了解模块22 2.2.1 通用模块22 2.2.2 ECMAScript模块31 2.3 小结33 第3章 TypeScript语法基础34 3.1 基础概念34 3.1.1 模块34 3.1.2 变量和常量39 3.1.3 基础类型41 3.1.4 类型断言51 3.2 函数53 3.2.1 函数参数53 3.2.2 函数的返回类型57 3.2.3 函数类型58 3.2.4 函数的重载63 3.2.5 箭头函数64 3.3 类67 3.3.1 实例成员68 3.3.2 静态成员73 3.3.3 可选成员76 3.3.4 索引78 3.3.5 继承79 3.3.6 可访问性86 3.3.7 抽象类92 3.4 小结95 第4章 TypeScript进阶96 4.1 类型和接口96 4.1.1 常用类型96 4.1.2 特殊类型104 4.1.3 接口107 4.1.4 运行时类型判断113 4.2 泛型120 4.2.1 泛型函数121 4.2.2 泛型类122 4.2.3 泛型接口125 4.2.4 类型推断127 4.2.5 类型约束128 4.3 装饰器129 4.3.1 元数据130 4.3.2 reflect-metadata134 4.3.3 属性装饰器137 4.3.4 类装饰器142 4.3.5 其他装饰器153 4.3.6 装饰器工厂155 4.4 小结160 第5章 TypeScript补充161 5.1 模块161 5.1.1 导出161 5.1.2 导入164 5.1.3 模块解析168 5.1.4 模块扩展176 5.2 命名空间178 5.2.1 全局命名空间179 5.2.2 模块内的命名空间181 5.2.3 global扩展183 5.2.4 Node.js全局作用域188 5.3 声明文件191 5.3.1 环境上下文192 5.3.2 编写声明文件194 5.3.3 环境模块198 5.3.4 使用JavaScript包200 5.3.5 TypeScript库205 5.4 项目配置208 5.5 小结209 第6章 Angular基础概念210 6.1 Angular应用程序的组成部分210 6.1.1 组件211 6.1.2 模板212 6.1.3 数据绑定213 6.1.4 服务214 6.1.5 指令215 6.1.6 管道216 6.1.7 模块217 6.2 创建一个Angular应用程序218 6.2.1 准备工作219 6.2.2 编写应用程序代码224 6.2.3 启动应用程序229 6.2.4 创建过程回顾235 6.3 Angular和MVC236 6.3.1 MVC236 6.3.2 MVVM238 6.3.3 Angular中的MVC238 6.4 小结240 第7章 天天菜园：一个真实的Angular应用程序241 7.1 创建项目241 7.2 服务：领域模型245 7.3 组件：应用逻辑246 7.4 模板：展示逻辑248 7.4.1 指令249 7.4.2 数据绑定250 7.4.3 管道265 7.5 完善268 7.5.1 MVC目录268 7.5.2 常用指令269 7.5.3 Bootstrap277 7.5.4 根视图281 7.6 小结285 第8章 天天菜园：商品展示286 8.1 创建商品细节视图286 8.1.1 重构商品服务286 8.1.2 创建商品细节组件287 8.1.3 创建商品细节模板和样式288 8.1.4 封装商品细节组件289 8.2 路由器：构建单页面应用程序290 8.2.1 安装和配置路由器包291 8.2.2 注册路由项292 8.2.3 使用路由器链接指令294 8.2.4 设置路由器出口295 8.2.5 设置标签296 8.2.6 刷新商品细节视图298 8.2.7 美化商品细节视图300 8.3 领域模块：划分领域304 8.3.1 创建商品领域目录304 8.3.2 转移商品领域代码305 8.3.3 创建商品领域模块306 8.3.4 导入商品领域模块到根模块307 8.3.5 导入Angular模块到商品领域模块307 8.4 路由配置模块：配置领域路由308 8.4.1 创建商品领域路由配置模块310 8.4.2 导入商品领域路由配置模块到商品领域模块311 8.4.3 创建应用程序根路由配置模块312 8.4.4 导入应用程序根路由配置模块到应用程序根模块312 8.5 依赖注入：管理服务313 8.5.1 注册商品服务314 8.5.2 为商品列表组件注入商品服务316 8.5.3 为商品细节组件注入商品服务317 8.6 综合运用：传递业务参数318 8.6.1 附加商品ID到目标path318 8.6.2 配置匹配商品ID的路由参数319 8.6.3 获取目标path中的商品ID320 8.6.4 完善323 8.7 小结324 第9章 天天菜园：客户**（上）325 9.1 客户领域模块：复习巩固325 9.1.1 创建客户领域目录325 9.1.2 创建客户领域模型326 9.1.3 创建客户组件328 9.1.4 创建视图相关文件331 9.1.5 创建客户领域路由配置模块334 9.1.6 创建客户领域模块335 9.1.7 导入客户领域模块到根模块336 9.1.8 导航到客户视图337 9.2 路由加载模块：提高应用程序启动效率338 9.2.1 路由加载客户领域模块339 9.2.2 重新导航到客户视图341 9.2.3 模块和依赖注入器343 9.3 表单（上）：双向数据绑定347 9.3.1 安装和配置表单包347 9.3.2 导入表单模块到客户领域模块348 9.3.3 提交客户表单349 9.3.4 绑定客户表单351 9.3.5 进行注册和登录356 9.4 小结357 第 10章 天天菜园：客户**（下）358 10.1 表单（下）：验证用户输入358 10.1.1 客户表单验证358 10.1.2 提示表单验证规则365 10.2 Web API：真实的服务端375 10.2.1 Web API列表375 10.2.2 Web API实现378 10.2.3 Web API注册381 10.2.4 获取请求体383 10.3 HttpClient：与Web服务端通信384 10.3.1 重构客户服务385 10.3.2 重构客户组件396 10.3.3 重构商品服务399 10.3.4 重构商品组件401 10.4 小结402 第 11章 天天菜园：购物车404 11.1 Web API：服务端支持404 11.1.1 Web API列表404 11.1.2 Web API实现409 11.1.3 Web API注册415 11.2 重构商品领域模块：添加商品到购物车417 11.2.1 重构商品领域模块417 11.2.2 重构商品服务417 11.2.3 重构商品细节组件418 11.2.4 重构商品细节模板419 11.2.5 重构商品细节样式420 11.3 购物车领域模块：一次完整的领域实现体验421 11.3.1 创建购物车领域目录422 11.3.2 创建购物车领域模型422 11.3.3 创建购物车组件424 11.3.4 创建购物车视图文件427 11.3.5 创建购物车领域路由配置模块430 11.3.6 创建购物车领域模块430 11.3.7 加载购物车领域模块431 11.3.8 导航到购物车视图432 11.4 事件绑定：处理用户交互433 11.4.1 增加或减少购物车商品数量434 11.4.2 删除购物车商品436 11.4.3 直接修改购物车商品数量437 11.5 嵌套组件：构建复杂应用程序441 11.5.1 重构商品服务442 11.5.2 重构商品列表组件442 11.5.3 重构商品列表模板443 11.5.4 传递搜索参数444 11.5.5 创建商品搜索组件446 11.5.6 重构购物车领域模块448 11.5.7 显示商品搜索视图448 11.5.8 强化商品搜索组件450 11.6 小结453 第 12章 天天菜园：完善（上）455 12.1 部件模块：封装共享组件455 12.2 Subject：模块间通信463 12.2.1 同步购物车商品总数（上）464 12.2.2 同步购物车商品总数（中）468 12.2.3 Observable vs. Subject 470 12.3 服务模块：封装共享服务482 12.3.1 同步购物车商品总数（下）482 12.3.2 同步登录客户姓名485 12.3.3 完善同步489 12.3.4 五种特性模块的比较493 12.4 小结493 第 13章 天天菜园：完善（下）494 13.1 保护购物车视图494 13.1.1 创建路由守卫494 13.1.2 注册路由守卫496 13.1.3 应用路由守卫496 13.2 保护登录客户元素497 13.2.1 创建登录验证指令497 13.2.2 封装登录验证指令498 13.2.3 运用登录验证指令499 13.3 共享消息提示500 13.3.1 创建消息提示服务501 13.3.2 注册消息提示服务501 13.3.3 创建消息提示组件502 13.3.4 封装消息提示组件503 13.3.5 发送提示消息504 13.3.6 显示提示消息505 13.4 简化消息提示507 13.4.1 创建消息提示组件507 13.4.2 重构消息提示服务508 13.4.3 创建UI服务模块510 13.4.4 导入UI服务模块到根模块511 13.4.5 显示消息提示511 13.5 确认提示514 13.5.1 创建确认提示组件514 13.5.2 创建确认提示服务515 13.5.3 注册确认提示服务517 13.5.4 显示确认提示517 13.6 动画519 13.6.1 安装Angular动画包519 13.6.2 搜索按钮动画520 13.6.3 购物车商品删除动画524 13.6.4 路由过渡动画531 13.7 小结538 第 14章 使用Angular CLI539 14.1 构建已有应用程序540 14.1.1 安装Angular CLI540 14.1.2 安装Angular编译器540 14.1.3 选择要打包的垫片541 14.1.4 创建Angular工作空间配置文件542 14.1.5 不执行预先编译的构建544 14.1.6 执行预先编译的构建551 14.1.7 用于生产的构建553 14.1.8 完善556 14.2 开发新的应用程序558 14.2.1 创建应用程序558 14.2.2 启动应用程序564 14.2.3 添加功能565 14.2.4 使用语言服务572 14.2.5 构建应用程序573 14.3 小结574