目录

第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章高阶技术

13.1Angular统一平台

13.2Angular CLI

13.3Angular语言服务

13.4AOT编译器

13.5Angular应用的运行

13.5.1不同配置方式

13.5.2开发者工具DevTools

13.5.3开发、构建和布置

13.5.4生产环境

13.6Angular库的开发

13.6.1含义

13.6.2使用库

13.6.3创建库

13.6.4构建、发布和编译库

13.6.5Angular包格式规范

13.7原理图

13.7.1含义

13.7.2自定义原理图

13.7.3原理图的工作原理

13.7.4库的原理图

13.8Angular发布信息

13.8.1版本发布

13.8.2路线图

13.8.3浏览器支持

习题13

第14章最佳实践

14.1安全的最佳实践

14.1.1XXS

14.1.2XSRF和XSSI

14.2无障碍性

14.3保持最新和属性绑定

14.4惰性加载

14.5令牌

14.5.1轻量级注入令牌

14.5.2注入令牌的应用

14.6安全的应用开发

14.6.1创建组件

14.6.2模块和运行结果

14.7无障碍性的应用开发

14.7.1创建组件

14.7.2模块和运行结果

14.8属性绑定的应用

14.8.1创建组件

14.8.2模块和运行结果

14.9惰性加载特性模块的应用

14.9.1创建组件

14.9.2模块和运行结果

习题14

第15章综合案例

15.1英雄信息

15.1.1创建文件

15.1.2修改文件

15.1.3运行结果

15.2简易通讯录

15.2.1创建文件

15.2.2修改文件

15.2.3运行结果

习题15

第16章整合开发

16.1与Ant Design of Angular的整合开发

16.1.1创建文件

16.1.2修改文件

16.1.3运行结果

16.2与Spring Boot的整合开发

16.2.1创建Spring Boot项目backendofangular

16.2.2创建类Employee

16.2.3创建接口EmployeeRepository

16.2.4创建类EmployeeController

16.2.5创建类MvcConfig

16.2.6修改后端配置文件

16.2.7运行后端Spring Boot程序

16.2.8创建前端目录和文件

16.2.9模块

16.2.10修改文件main.ts

16.2.11运行结果

习题16

参考文献