【现货速发】Angular开发入门与实战（微课视频版）

Angular有着广泛的应用。本书主要介绍Angular的应用开发，不涉及Angular．js(或称为AngularJS)的应用开发。
Angular应用开发的入门学习偏难的原因有四个方面：  其一，Angular应用开发时涉及的概念众多(包括组件和模板、样式、指令、服务和依赖注入、Provider、路由、表单、模块、装饰器、响应式编程等)且语法有差异，这些概念、应用开发思想与后端的应用开发有许多相似之处；  其二，Angular应用开发时重视模块化开发、设计模式等思想的落实，一个功能点(如组件)包括多个文件(如组件、模板、样式、路由、模块、测试等)； 其三，Angular是用TypeScript实现的，Angular的应用开发也使用TypeScript，TypeScript在JavaScript基础上增加了类型系统，语法更为严格，基于TypeScript的Angular应用开发的初学者更容易出错； 其四，Angular的类库和工具丰富，即Angular应用开发具有一站式的特点，但是官方文档略显简洁。
Angular应用开发的学习门槛较高的四个原因如下。其一，丰富的概念对于从后端转入前端的开发人员很便利，Angular应用开发人员转到后端开发也很容易，众多概念与后端开发相似的特点便于前后端的分离和整合开发； 其二，模块化开发和设计模式等思想的落实，便于大型项目的开发，便于团队分工和合作，便于测试，便于提高开发的质量和效率； 其三，TypeScript增加类型系统后能提高代码质量，可以帮助学习者在学会Angular的同时学会TypeScript的应用开发，提升开发技能； 其四，Angular的丰富类库和工具，使得Angular具备完备性(一站式的特点)，仅仅用Angular就能较好地进行前端开发，不需要面对同一生态中不同实现(或工具)的问题。

针对Angular应用开发的四个特点，为了降低Angular应用开发的学习难度，本书先针对各个概念由浅入深、按照开发的先后次序组织内容。为了降低学习的难度和精简篇幅，为了减少一个功能点的相关文件数量，本书将模板、样式内容并入组件文件，将路由并入模块文件。本书的TypeScript代码均进行了测试，学习者按照本书的示例来学习Angular和TypeScript的应用开发可以减少出错，并熟悉Angular和TypeScript的应用场景，在熟悉Angular和TypeScript之后就可以独立处理开发中的错误。本书按照开发的需要和学习的难度，有选择、有针对性地介绍Angular的类库和工具。另外，虽然Angular应用开发学习入门偏难，但学会之后，再学习基于JavaScript或TypeScript等应用框架或其他前端框架就可以事半功倍。
全书共有16章。
第1章Angular应用开发基础，包括Angular简介、Angular应用项目说明、Angular应用开发步骤、 TypeScript基础； 第2章模板，包括模板概述、模板绑定、模板变量和模板输入变量、模板的基础应用、模板的综合应用开发； 第3章指令，包括指令概述、
内置属性型指令、内置结构型指令、自定义属性型指令、自定义结构型指令、指令的基础应用、指令的综合应用开发； 第4章组件，包括组件概述、组件样式及其应用、组件生命周期、组件生命周期的综合应用、组件之间的交互及其应用、Angular元素及其应用； 第5章组件的组合、分解及其应用，包括内容投影及其应用、视图封装及其应用、依赖注入及其应用； 第6章路由及其应用，包括路由概述、路由的应用开发； 第7章表单及其应用，包括表单概述、响应式表单、表单验证及实现、动态表单及其构建、表单的综合应用开发； 第8章HTTP客户端服务及其应用，包括HTTP 客户端服务、
拦截机制、HTTP客户端服务的应用、拦截器的应用开发； 第9章国际化及其应用，包括国际化概述、翻译、将翻译结果合并到应用中、可选的国际化实践、国际化应用； 第10章动画及其应用，包括动画概述、转场动画、路由转换动画、动画的应用开发； 第11章PWA、Service Worker、Web Worker，包括PWA概述、Service Worker概述、生产环境下的Service Worker、Service Worker 配置、PWA的应用开发； 第12章测试及其应用，包括测试概述、TestBed的应用开发、服务测试应用、组件测试应用、Jasmine应用、路由测试应用、异步测试应用、Mock测试应用、测试综合应用； 第13章高阶技术，包括
Angular统一平台
、Angular CLI、 Angular语言服务、AOT编译器、Angular应用的运行、Angular库的开发、原理图、Angular发布信息； 第14章实践，包括安全的实践、无障碍性、保持和属性绑定、惰性加载、
令牌、安全的应用开发、无障碍性的应用开发、属性绑定的应用、惰性加载特性模块的应用； 第15章综合案例，包括英雄信息、简易通讯录； 第16章整合开发，包括与Ant Design of Angular的整合开发、与Spring Boot的整合开发。

本书特色
(1) 易理解。本书避免对官方文档的简单引用，按照学习先后顺序和开发步骤由浅入深地编排知识点，适合于自学和
高等院校课程教学的需要。

(2) 内容新。本书使用的Angular版本是14．0．0版，涵盖了新内容。

(3) 全栈式。本书大多引用官方文档的内容； 还介绍了与Ant Design of Angular的整合开发，与Spring Boot(使用MySQL 8．x)的整合开发； 得益于Angular自身的完备性，参考本书可以较全面地利用Angular进行前端开发。
(4) 示例多。实战案例丰富，涵盖26个知识点示例、两个整合开发案例、两个完整项目案例。
配套资源

为便于教与学，本书配有微课视频（128分钟）、源代码、教学课件、教学大纲、习题答案、教学进度安排。

(1) 获取微课视频方式： 读者可以先扫描本书封底的文泉云盘防盗码，再扫描书中相应的视频二维码，观看视频。

(2) 获取源代码和彩色图片方式： 先扫描本书封底的文泉云盘防盗码，再扫描下方二维码，即可获取。

源代码

源代码使用说明

源代码和数据库
使用说明

(3) 其他配套资源可以扫描本书封底的“书圈”二维码下载。
读者对象
本书主要面向希望学习Angular应用开发的初学者(特别适合高等院校的在读学生)、从事高等教育的专任教师以及广大从事Web前端开发的专业人员。

本书的主要内容参考了Angular官方文档，在参考文献中已经列出。在此向Angular开发者和官方文档的作者表示衷心的感谢和深深的敬意。本书的编写还参考了其他相关资料，在此表示衷心的感谢。
限于时间仓促和个人水平有限，书中难免存在疏漏之处，欢迎读者批评指正。

编者2023年1月

Angular有着广泛的应用。本书由浅入深、循序渐进地介绍Angular(不是Angular．js或称为AngularJS)的应用开发。 全书共包括16章，第1章Angular应用开发基础，第2章模板，第3章指令，第4章组件，第5章组件的组合、分解及其应用，第6章路由及其应用，第7章表单及其应用，第8章HTTP客户端服务及其应用，第9章国际化及其应用，第10章动画及其应用，第11章PWA、Service Worker、Web Worker，第12章测试及其应用，第13章高阶技术，第14章**实践，第15章综合案例，第16章整合开发。 本书适合作为Angular、Web前端、TypeScript的开发者和学习者(特别是在校学生)阅读和学习的参考书，也可以作为高等学校教材。

Angular有着广泛的应用。本书由浅入深、循序渐进地介绍Angular(不是Angular．js或称为AngularJS)的应用开发。 全书共包括16章，第1章Angular应用开发基础，第2章模板，第3章指令，第4章组件，第5章组件的组合、分解及其应用，第6章路由及其应用，第7章表单及其应用，第8章HTTP客户端服务及其应用，第9章国际化及其应用，第10章动画及其应用，第11章PWA、Service Worker、Web Worker，第12章测试及其应用，第13章高阶技术，第14章**实践，第15章综合案例，第16章整合开发。 本书适合作为Angular、Web前端、TypeScript的开发者和学习者(特别是在校学生)阅读和学习的参考书，也可以作为高等学校教材。

第1章Angular应用开发基础

1.1Angular简介

1.1.1定义

1.1.2特点

1.1.3发展简史

1.1.4核心概念

1.2Angular应用项目说明

1.2.1创建项目angularcliex1

1.2.2项目目录和文件说明

1.2.3运行项目说明

1.2.4app模块中的文件代码和关系说明

1.2.5文件main.ts和index.html的说明

1.2.6配置文件说明

1.2.7项目启动过程

1.3Angular应用开发步骤

1.3.1创建项目并修改文件index.html

1.3.2创建组件文件

1.3.3创建模块文件

1.3.4修改文件main.ts

1.3.5运行项目

1.3.6Angular应用开发的一般步骤

1.4TypeScript基础

1.4.1说明

1.4.2应用示例

习题1

第2章模板

2.1模板概述

2.1.1模板含义

2.1.2模板分类

2.1.3模板语句

2.1.4文本插值与模板表达式

2.1.5管道

2.2模板绑定

2.2.1属性绑定

2.2.2特性绑定

2.2.3类绑定

2.2.4样式绑定

2.2.5事件绑定

2.2.6双向绑定

2.3模板变量和模板输入变量

2.3.1模板变量

2.3.2模板输入变量

2.4模板的基础应用

2.4.1基础代码

2.4.2事件

2.4.3绑定

2.4.4变量

2.4.5模块

2.4.6运行结果

2.5模板的综合应用开发

2.5.1组件及相关文件

2.5.2模块创建

2.5.3模块的综合应用运行结果

习题2

第3章指令

3.1指令概述

3.1.1指令含义

3.1.2指令类型

3.1.3指令和模板的关系

3.2内置属性型指令

3.2.1内置属性型指令说明

3.2.2NgClass说明

3.2.3NgStyle说明

3.2.4NgModel说明

3.3内置结构型指令

3.3.1内置结构型指令说明

3.3.2NgIf说明

3.3.3NgFor说明

3.3.4NgIf、NgFor和容器

3.3.5NgSwitch说明

3.4自定义属性型指令

3.4.1创建

3.4.2应用

3.5自定义结构型指令

3.5.1创建

3.5.2应用

3.6指令的基础应用

3.6.1基础代码

3.6.2自定义指令

3.6.3组件

3.6.4模块

3.6.5运行结果

3.7指令的综合应用开发

3.7.1组件

3.7.2模块

3.7.3运行结果

习题3

第4章组件

4.1组件概述

4.1.1组件的实现

4.1.2组件的应用

4.1.3组件和视图

4.1.4元数据

4.2组件样式及其应用

4.2.1组件样式说明

4.2.2内部样式应用

4.2.3内部样式和外部样式的综合应用

4.2.4:host应用

4.2.5模块和运行结果

4.3组件生命周期

4.3.1说明

4.3.2生命周期方法

4.4组件生命周期的综合应用

4.4.1生命周期接口

4.4.2响应事件

4.4.3OnChanges方法

4.4.4AfterView方法

4.4.5AfterContent方法

4.4.6DoCheck方法

4.4.7组件、模块和运行结果

4.5组件之间的交互及其应用

4.5.1组件交互说明

4.5.2父组件和子组件

4.5.3OnChanges方法

4.5.4事件

4.5.5本地变量

4.5.6@ViewChild()装饰器

4.5.7组件、模块和运行结果

4.6Angular元素及其应用

4.6.1Angular元素含义及其原理

4.6.2Angular元素相关API

4.6.3Angular元素应用示例

习题4

第5章组件的组合、分解及其应用

5.1内容投影及其应用

5.1.1常见的内容投影

5.1.2内容投影的应用

5.2视图封装及其应用

5.2.1视图封装模式

5.2.2视图封装的应用

5.2.3模块和运行结果

5.3依赖注入及其应用

5.3.1依赖注入概述

5.3.2依赖注入的实现方法

5.3.3服务类

5.3.4组件

5.3.5模块和运行结果

习题5

第6章路由及其应用

6.1路由概述

6.1.1路由的含义、实现和规则

6.1.2路由的工作步骤

6.2路由的应用开发

6.2.1基础组件

6.2.2路由设置

6.2.3路由链接

6.2.4多级路由

6.2.5带参数的路由

6.2.6组件、模块和运行结果

习题6

第7章表单及其应用

7.1表单概述

7.1.1表单的含义、分类和实现

7.1.2表单的验证和测试

7.2响应式表单

7.2.1表单控件

7.2.2表单组

7.2.3多个表单控件的创建

7.3表单验证及实现

7.3.1表单验证含义和验证器函数

7.3.2不同类型表单的验证

7.4动态表单及其构建

7.5表单的综合应用开发

7.5.1表单基础

7.5.2表单组

7.5.3验证器函数

7.5.4动态表单

7.5.5其他组件

7.5.6模块和运行结果

习题7

第8章HTTP客户端服务及其应用

8.1HTTP客户端服务

8.2拦截机制

8.2.1拦截器的含义和原理

8.2.2拦截器的处理方法

8.2.3拦截器的作用

8.2.4拦截器的测试

8.2.5拦截器的配置

8.3HTTP客户端服务的应用

8.3.1服务

8.3.2组件

8.3.3模块和运行结果

8.4拦截器的应用开发

8.4.1拦截器的简单使用

8.4.2信息处理

8.4.3配置

8.4.4上传文件

8.4.5组件、模块和运行结果

习题8

第9章国际化及其应用

9.1国际化概述

9.1.1国际化的含义和实现

9.1.2通过ID引用语言环境

9.2翻译

9.2.1翻译模板

9.2.2翻译方法

9.2.3翻译文件

9.3将翻译结果合并到应用中

9.4可选的国际化实践

9.5国际化应用

9.5.1服务和管道

9.5.2组件

9.5.3国际化文本内容

9.5.4模块和运行结果

习题9

第10章动画及其应用

10.1动画概述

10.2转场动画

10.2.1转场动画含义和实现

10.2.2触发器

10.2.3转场状态

10.2.4触发机制

10.3路由转换动画

10.4动画的应用开发

10.4.1切换动画

10.4.2状态滑动

10.4.3进入与离开

10.4.4自动计算

10.4.5过滤与交错

10.4.6列表与集合

10.4.7插入与删除

10.4.8服务组件

10.4.9模块和运行结果

习题10

第11章PWA、Service Worker、Web Worker

11.1PWA概述

11.2Service Worker概述

11.3生产环境下的Service Worker

11.4Service Worker 配置

11.5PWA的应用开发

11.5.1创建文件sw.js

11.5.2创建文件index.html

11.5.3运行文件index.html

11.5.4组件

11.5.5模块和运行结果

习题11

第12章测试及其应用

12.1测试概述

12.1.1含义

12.1.2服务测试

12.1.3组件测试

12.1.4测试指令和管道

12.1.5Mock测试

12.1.6异步测试

12.1.7路由组件测试

12.1.8调试

12.1.9代码覆盖率

12.2TestBed的应用开发

12.2.1创建组件

12.2.2创建测试文件

12.2.3运行结果

12.3服务测试应用

12.4组件测试应用

12.5Jasmine应用

12.6路由测试应用

12.7异步测试应用

12.8Mock测试应用

12.9测试综合应用

12.9.1创建文件

12.9.2模块和运行结果

习题12

第13章高阶技术