ANGULAR 高级编程第3版 [美]亚当·弗雷曼AdamFreeman著睢丹译 著 睢丹 译 专业科技 文轩网

第Ⅰ部分 Angular基础知识 第1章 准备工作 3 1.1 需要了解什么 3 1.2 本书结构 3 1.2.1 第Ⅰ部分：Angular基础知识 3 1.2.2 第Ⅱ部分：Angular详解 3 1.2.3 第Ⅲ部分：Angular高级功能 3 1.3 大量示例 4 1.4 获取示例代码 5 1.5 如何搭建开发环境 5 1.6 联系作者 5 1.7 本章小结 5 第2章 第一个Angular应用程序 7 2.1 准备开发环境 7 2.1.1 安装Node.js 7 2.1.2 安装angular-cli包 8 2.1.3 安装Git 8 2.1.4 安装编辑器 8 2.1.5 安装浏览器 9 2.2 创建并准备项目 9 2.2.1 创建项目 9 2.2.2 添加Bootstrap CSS包 9 2.2.3 启动开发工具 10 2.2.4 编辑HTML文件 10 2.3 向项目中添加Angular功能 12 2.3.1 准备HTML文件 12 2.3.2 创建数据模型 12 2.3.3 创建模板 14 2.3.4 准备组件 14 2.3.5 将应用程序组合起来 16 2.4 向示例应用程序中添加功能 17 2.4.1 添加待办事项表格 17 2.4.2 创建双向数据绑定 19 2.4.3 添加待办事项 21 2.5 本章小结 23 第3章 将Angular放在上下文中 25 3.1 理解Angular的强项 25 3.1.1 往返式应用程序和单页式应用程序 25 3.1.2 Angular与jQuery的比较 26 3.2 比较Angular、React和Vue.js 27 3.3 理解MVC模式 27 3.3.1 理解模型 28 3.3.2 理解控制器/组件 29 3.3.3 理解视图/模板 30 3.4 理解RESTful服务 30 3.5 常见的设计缺陷 31 3.5.1 将逻辑放错地方 31 3.5.2 数据存储采用的数据格式 32 3.5.3 足够的知识足以制造麻烦 32 3.6 本章小结 32 第4章 HTML和CSS入门 33 4.1 准备示例项目 33 4.2 理解HTML 34 4.2.1 理解空元素 35 4.2.2 理解属性 35 4.2.3 应用无值属性 35 4.2.4 在属性中引用字面量 35 4.2.5 理解元素内容 36 4.2.6 理解文档结构 36 4.3 理解Bootstrap 37 4.3.1 应用基本的Bootstrap类 37 4.3.2 使用Bootstrap样式化表格 40 4.3.3 使用Bootstrap创建表单 41 4.3.4 使用Bootstrap创建网格 42 4.4 本章小结 46 第5章 JavaScript与TypeScript：第1部分 47 5.1 准备示例项目 48 5.2 使用语句 49 5.3 定义和使用函数 50 5.3.1 定义带参数的函数 51 5.3.2 定义返回结果的函数 52 5.3.3 将函数用作其他函数的实参 52 5.4 使用变量和类型 53 5.4.1 使用变量闭包 54 5.4.2 使用基本数据类型 54 5.5 使用JavaScript操作符 56 5.5.1 使用条件语句 56 5.5.2 相等操作符和恒等操作符 57 5.5.3 显式类型转换 58 5.6 处理数组 59 5.6.1 使用数组字面量 59 5.6.2 数组内容的读取和修改 59 5.6.3 遍历数组内容 60 5.6.4 spread操作符 60 5.6.5 使用内置数组方法 61 5.7 本章小结 62 第6章 JavaScript与TypeScript：第2部分 63 6.1 准备示例项目 63 6.2 使用对象 63 6.2.1 使用对象字面量 64 6.2.2 将函数用作方法 64 6.2.3 定义类 65 6.3 处理JavaScript模块 67 6.4 有用的TypeScript特性 70 6.4.1 使用类型注解 70 6.4.2 使用元组 74 6.4.3 使用可索引类型 74 6.4.4 使用访问修饰符 74 6.5 本章小结 75 第7章 SportsStore：一个真实的应用程序 77 7.1 准备项目 77 7.1.1 安装额外的NPM软件包 77 7.1.2 准备RESTful Web服务 78 7.1.3 准备HTML文件 80 7.1.4 创建文件夹结构 80 7.1.5 运行示例应用程序 80 7.1.6 启动RESTful Web服务 81 7.2 准备Angular项目功能 81 7.2.1 更新根组件 81 7.2.2 更新根模块 82 7.2.3 检查引导文件 82 7.3 启动数据模型 83 7.3.1 创建模型类 83 7.3.2 创建虚拟数据源 83 7.3.3 创建模型存储库 84 7.3.4 创建功能模块 85 7.4 启动商店 85 7.4.1 创建Store组件和模板 85 7.4.2 创建商店功能模块 86 7.4.3 更新根组件和根模块 87 7.5 添加商店功能：产品详情 88 7.5.1 显示产品详情 88 7.5.2 添加类别选择 89 7.5.3 添加产品分页功能 90 7.5.4 创建自定义指令 92 7.6 本章小结 95 第8章 SportsStore：订单和结账 97 8.1 准备示例应用程序 97 8.2 创建购物车 97 8.2.1 创建购物车模型 97 8.2.2 创建购物车概览组件 98 8.2.3 将购物车集成到商店中 100 8.3 添加URL路由 102 8.3.1 创建购物车详情和结账组件 102 8.3.2 创建和应用路由配置 103 8.3.3 应用程序导航 104 8.3.4 路由守卫 106 8.4 完成购物车详情功能 107 8.5 处理订单 109 8.5.1 扩展模型 109 8.5.2 收集订单详情 111 8.6 使用RESTful Web服务 114 8.7 本章小结 115 第9章 SportsStore：管理 117 9.1 准备示例应用程序 117 9.1.1 创建模块 117 9.1.2 配置URL路由系统 119 9.1.3 导航到管理URL 120 9.2 实现身份验证 121 9.2.1 理解身份验证系统 121 9.2.2 扩展数据源 122 9.2.3 创建身份验证服务 122 9.2.4 启用身份验证 123 9.3 扩展数据源和存储库 125 9.4 创建管理功能结构 128 9.4.1 创建占位符组件 128 9.4.2 准备常用内容和功能模块 129 9.4.3 实现产品功能 130 9.4.4 实现订单功能 133 9.5 本章小结 135 第10章 SportsStore：渐进式功能和部署 137 10.1 准备示例应用程序 137 10.2 添加渐进式特性 137 10.2.1 安装PWA包 137 10.2.2 缓存数据URL 137 10.2.3 响应对连接的更改 138 10.3 为部署准备应用程序 140 10.3.1 创建数据文件 140 10.3.2 创建服务器 140 10.3.3 更改存储库类中的Web服务URL 142 10.4 构建和测试应用程序 142 10.5 将SportsStore应用程序容器化 144 10.5.1 安装Docker 144 10.5.2 准备应用程序 144 10.5.3 创建Docker容器 144 10.5.4 运行应用程序 145 10.6 本章小结 146 第Ⅱ部分 Angular详解 第11章 创建Angular项目 149 11.1 创建新的Angular项目 149 11.2 了解项目结构 150 11.2.1 了解src文件夹 151 11.2.2 了解包文件夹 152 11.3 使用开发工具 154 11.3.1 了解开发HTTP服务器 155 11.3.2 了解热模型替换 155 11.3.3 使用linter 156 11.4 理解Angular应用程序是如何工作的 158 11.4.1 理解HTML文档 158 11.4.2 理解应用程序引导 158 11.4.3 理解Angular根模块 159 11.4.4 理解Angular组件 160 11.4.5 理解内容显示 160 11.5 在Angular项目中开始开发 161 11.5.1 添加Bootstrap CSS框架 161 11.5.2 创建数据模型 161 11.5.3 创建模板和根组件 164 11.5.4 配置根Angular模块 165 11.6 本章小结 165 第12章 使用数据绑定 167 12.1 准备示例项目 167 12.2 理解单向数据绑定 168 12.2.1 理解绑定目标 169 12.2.2 理解表达式 170 12.2.3 理解括号 171 12.2.4 理解宿主元素 171 12.3 使用标准属性和属性绑定 172 12.3.1 使用标准属性绑定 172 12.3.2 使用字符串插入绑定 173 12.3.3 使用元素属性绑定 174 12.4 设置CSS类和样式 174 12.4.1 使用类绑定 175 12.4.2 使用样式绑定 178 12.5 更新应用程序的数据 180 12.6 本章小结 182 第13章 使用内置指令 183 13.1 准备示例项目 183 13.2 使用内置指令 185 13.2.1 使用ngIf指令 185 13.2.2 使用ngSwitch指令 187 13.2.3 使用ngFor指令 189 13.2.4 使用ngTemplateOutlet指令 195 13.3 理解单向数据绑定的 197 13.3.1 使用幂等表达式 197 13.3.2 理解表达式上下文 199 13.4 本章小结 201 第14章 使用事件和表单 203 14.1 准备示例项目 203 14.1.1 导入表单模块 203 14.1.2 准备组件和模板 204 14.2 使用事件绑定 205 14.2.1 理解动态定义的属性 206 14.2.2 使用事件数据 208 14.2.3 使用模板引用变量 209 14.3 使用双向数据绑定 210 14.4 处理表单 212 14.4.1 向示例应用程序添加表单 213 14.4.2 添加表单数据验证 214 14.4.3 验证整个表单 221 14.5 使用基于模型的表单 226 14.5.1 启用基于模型的表单功能 226 14.5.2 定义表单模型类 226 14.5.3 使用模型进行验证 229 14.5.4 根据模型生成元素 231 14.6 创建自定义表单验证器 232 14.7 本章小结 234 第15章 创建属性指令 235 15.1 准备示例项目 235 15.2 创建简单的属性指令 237 15.3 在指令中访问应用程序数据 239 15.3.1 读取宿主元素属性 239 15.3.2 创建数据绑定输入属性 241 15.3.3 响应输入属性的变化 243 15.4 创建自定义事件 244 15.5 创建宿主元素绑定 247 15.6 在宿主元素上创建双向绑定 248 15.7 导出指令用于模板变量 250 15.8 本章小结 251 第16章 创建结构型指令 253 16.1 准备示例项目 253 16.2 创建简单的结构型指令 254 16.2.1 实现结构型指令类 255 16.2.2 启用结构型指令 257 16.2.3 使用结构型指令的简洁语法 258 16.3 创建迭代结构型指令 259 16.3.1 提供额外的上下文数据 261 16.3.2 使用简洁的结构语法 262 16.3.3 处理属性级数据变更 263 16.3.4 处理集合级数据变更 264 16.4 查询宿主元素内容 271 16.4.1 查询多个子内容 274 16.4.2 接收查询变更通知 275 16.5 本章小结 276 第17章 理解组件 277 17.1 准备示例项目 278 17.2 使用组件来组织应用程序 278 17.2.1 创建新组件 279 17.2.2 定义模板 282 17.2.3 完成组件的重组 289 17.3 使用组件样式 289 17.3.1 定义外部组件样式 290 17.3.2 使用高级样式特性 291 17.4 查询模板内容 296 17.5 本章小结 298 第18章 使用和创建管道 299 18.1 准备示例项目 299 18.2 理解管道 302 18.3 创建一个自定义管道 303 18.3.1 注册自定义管道 303 18.3.2 应用自定义管道 304 18.3.3 组合管道 305 18.3.4 创建非纯管道 306 18.4 使用内置管道 309 18.4.1 格式化数值 309 18.4.2 格式化货币值 311 18.4.3 格式化百分比 313 18.4.4 格式化日期 314 18.4.5 改变字符串大小写 317 18.4.6 将数据序列化为JSON数据 317 18.4.7 将数据数组切片 318 18.5 本章小结 319 第19章 使用服务 321 19.1 准备示例项目 321 19.2 理解对象分发问题 322 19.2.1 问题的提出 322 19.2.2 利用依赖注入将对象作为服务分发 326 19.2.3 在其他构造块中声明依赖 330 19.3 理解测试隔离问题 335 19.4 完成服务的融入 338 19.4.1 更新根组件和模板 338 19.4.2 更新子组件 339 19.5 本章小结 340 第20章 使用服务提供程序 341 20.1 准备示例项目 342 20.2 使用服务提供程序 343 20.2.1 使用类提供程序 345 20.2.2 使用值提供程序 350 20.2.3 使用工厂提供程序 351 20.2.4 使用已有的服务提供程序 353 20.3 使用本地提供程序 354 20.3.1 理解单个服务对象的局限性 354 20.3.2 在组件中创建本地提供程序 355 20.3.3 理解服务提供程序的替代方案 357 20.3.4 控制依赖解析 360 20.4 本章小结 361 第21章 使用和创建模块 363 21.1 准备示例项目 363 21.2 理解根模块 365 21.2.1 理解imports属性 366 21.2.2 理解declarations 属性 366 21.2.3 理解providers属性 367 21.2.4 理解bootstrap属性 367 21.3 创建功能模块 368 21.3.1 创建模型模块 369 21.3.2 创建实用工具功能模块 373 21.3.3 用组件创建一个功能模块 377 21.4 本章小结 380 第Ⅲ部分 Angular高级功能 第22章 创建示例项目 383 22.1 启动示例项目 383 22.1.1 添加和配置Bootstrap CSS包 383 22.1.2 创建项目结构 383 22.2 创建模型模块 384 22.2.1 创建产品数据类型 384 22.2.2 创建数据源和存储库 384 22.2.3 完成模型模块 385 22.3 创建核心模块 385 22.3.1 创建共享状态服务 386 22.3.2 创建表格组件 386 22.3.3 创建表单组件 387 22.4.4 完成核心模块 389 22.4 创建消息模块 389 22.4.1 创建消息模型和服务 389 22.4.2 创建组件和模板 390 22.4.3 完成消息模块 390 22.5 完成项目 391 22.6 本章小结 392 第23章 使用Reactive Extensions 393 23.1 准备示例项目 394 23.2 理解问题 394 23.3 使用Reactive Extensions解决问题 396 23.3.1 理解Observable 396 23.3.2 理解Observer 398 23.3.3 理解Subject 399 23.4 使用async管道 400 23.5 扩展应用程序功能模块 402 23.6 更进一步 404 23.6.1 过滤事件 404 23.6.2 转换事件 405 23.6.3 只接收不同的事件 407 23.6.4 获取和忽略事件 409 23.7 本章小结 410 第24章 生成异步HTTP请求 411 24.1 准备示例项目 411 24.1.1 配置模型功能模块 412 24.1.2 创建数据文件 412 24.1.3 更新表单组件 413 24.1.4 运行示例项目 413 24.2 理解RESTful Web服务 414 24.3 替换静态数据源 414 24.3.1 创建新的数据源服务 414 24.3.2 配置数据源 416 24.3.3 使用REST数据源 416 24.3.4 保存和删除数据 417 24.4 加强HTTP请求 419 24.5 生成跨域请求 420 24.6 配置请求头 422 24.7 处理错误 424 24.7.1 生成用户可使用的消息 425 24.7.2 处理错误 426 24.8 本章小结 427 第25章 路由与导航：第1部分 429 25.1 准备示例项目 429 25.2 开始学习路由 431 25.2.1 创建路由配置 431 25.2.2 创建路由组件 433 25.2.3 更新根模块 433 25.2.4 完成配置 433 25.2.5 添加导航链接 434 25.2.6 理解路由的效果 436 25.3 完成路由实现 437 25.3.1 在组件中处理路由变化 438 25.3.2 使用路由参数 439 25.3.3 在代码中导航 444 25.3.4 接收导航事件 445 25.3.5 删除事件绑定和支持代码 446 25.4 本章小结 448 第26章 路由与导航：第2部分 449 26.1 准备示例项目 449 26.2 使用通配符和重定向 454 26.2.1 在路由中使用通配符 454 26.2.2 在路由中使用重定向 455 26.3 在组件内部导航 456 26.3.1 响应正在发生的路由变化 457 26.3.2 为活动路由设置不同样式的链接 459 26.3.3 修复All按钮 461 26.4 创建子路由 462 26.4.1 创建子路由出口 463 26.4.2 从子路由访问参数 464 26.5 本章小结 467 第27章 路由与导航：第3部分 469 27.1 准备示例项目 469 27.2 守卫路由 470 27.2.1 使用解析器推迟导航 470 27.2.2 避免带有守卫的导航 476 27.3 动态加载功能模块 484 27.3.1 创建一个简单的功能模块 484 27.3.2 动态加载模块 485 27.3.3 守卫动态模块 488 27.4 指定命名出口 490 27.4.1 创建附加的出口元素 490 27.4.2 在使用多个出口的情况下导航 491 27.5 本章小结 493 第28章 使用动画 495 28.1 准备示例项目 496 28.1.1 禁用HTTP延迟 496 28.1.2 简化表格模板和路由配置 496 28.2 开始学习Angular动画 498 28.2.1 启用动画模块 498 28.2.2 创建动画 499 28.2.3 应用动画 501 28.2.4 测试动画效果 503 28.3 理解内置的动画状态 504 28.4 理解元素过渡 505 28.4.1 为内置状态创建过渡 505 28.4.2 控制动画的过渡 506 28.5 理解动画样式组 510 28.5.1 在可重用的分组中定义公共样式 510 28.5.2 使用元素变形 511 28.5.3 应用CSS框架样式 512 28.6 本章小结 514 第29章 Angular单元测试 515 29.1 准备示例项目 516 29.2 创建一个简单的单元测试 517 29.3 使用Jasmine完成单元测试 518 29.4 测试Angular组件 519 29.4.1 使用TestBed类完成工作 519 29.4.2 测试数据绑定 522 29.4.3 测试带有外部模板的组件 523 29.4.4 测试组件事件 525 29.4.5 测试输出属性 526 29.4.6 测试输入属性 528 29.4.7 测试异步操作 529 29.5 测试Angular指令 531 29.6 本章小结 532