《AngularJS从入门到项目实战》以零基础讲解为宗旨，用实例引导读者深入学习，深入浅出地介绍Angular框架的各项实战技能。
《AngularJS从入门到项目实战》共16章，主要内容有：流行的开发框架Angular8、掌握TypeScript基础、熟悉模板语法、精通核心组件、玩转核心指令、转换数据的管道、表单的应用、精通组件跳转的路由、自定义服务及DOM操作、模块和懒加载、借用Bootstrap的组件等。很后讲述了5个行业热点项目实训，包括摄影相册、Web设计与定制网站、仿星巴克网站、仿支f宝“淘票票电影”APP、仿网易云音乐网站。
《AngularJS从入门到项目实战》适合任何想学习Angular框架的人员，无论您是否从事计算机相关行业，无论您是否接触过Angular框架，通过学习本书内容均可快速掌握Angular框架设计的方法和技巧。

作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。

章Angular的基础知识001
1.1Angular简介001
1.1.1AngularJS是什么001
1.1.2Angular和AngularJS的区别002
1.1.3Angular的发展历程002
1.2环境搭建003
1.2.1安装Node.js003
1.2.2安装Angular-cli006
1.2.3安装开发工具007
1.3创建个项目009
1.3.1创建项目009
1.3.2运行项目010
1.3.3项目结构介绍011
第2章TypeScript基础知识014
2.1基础类型014
2.2变量声明017
2.2.1var声明017
2.2.2let声明019
2.3类021
2.3.1属性021
2.3.2方法022
2.3.3构造函数023
2.3.4继承024
2.3.5修饰符025
2.4函数027
2.4.1函数类型028
2.4.2可选参数和默认参数029
2.4.3剩余参数030
第3章熟悉模板语法031
3.1模板中的HTML031
3.2插值与模板表达式032
3.2.1插值表达式032
3.2.2模板表达式033
3.2.3表达式上下文033
3.3模板语句034
3.4绑定语法035
3.5属性绑定([属性名])036
3.5.1单向输入037
3.5.2绑定目标037
3.5.3选择属性绑定还是插值038
3.6attribute、class和style绑定038
3.6.1attribute绑定039
3.6.2CSS类绑定040
3.6.3样式绑定040
3.7事件绑定(event)041
3.8双向数据绑定([()])042
3.9内置模板函数046
3.10生命周期046
第4章精通核心组件049
4.1了解组件049
4.1.1创建组件049
4.1.2导入依赖051
4.1.3Component注解051
4.1.4添加template052
4.1.5用styleUrls添加CSS样式052
4.2挂载组件053
4.3组件中的模板054
4.3.1绑定数据054
4.3.2绑定属性056
4.3.3绑定HTML057
4.3.4引入图片058
4.4父子组件之间的通信058
4.4.1父组件给子组件传值059
4.4.2父组件通过@ViewChild主动获取子组件的数据和方法062
第5章玩转核心指令064
5.1内置指令064
5.1.1ngIf064
5.1.2ngSwitch065
5.1.3ngStyle066
5.1.4ngClass067
5.1.5ngFor068
5.1.6ngNonBindable071
5.2自定义指令072
5.3案例实战：实现任务“备忘录”073
第6章转换数据的管道076
6.1使用管道076
6.2内置的管道077
6.2.1大小写转换管道077
6.2.2日期格式转换管道078
6.2.3小数位数管道078
6.2.4货币管道079
6.2.5对象序列化管道080
6.2.6slice管道080
6.3管道参数081
6.4链式管道082
6.5自定义管道083
6.5.1实现自定义管道083
6.5.2组合双向数据绑定085
第7章表单的应用087
7.1Angular表单简介087
7.2响应式表单089
7.2.1添加表单控件090
7.2.2管理控件的值091
7.2.3把表单控件分组092
7.2.4保存表单数据094
7.2.5嵌套的表单组095
7.2.6部分模型更新097
7.2.7使用FormBuilder生成表单控件098
7.2.8表单验证099
7.2.9使用表单数组管理动态控件101
7.2.10响应式表单API103
7.3模板驱动表单104
第8章精通组件跳转的路由112
8.1路由的意义112
8.2路由的定义113
8.2.1创建带路由的项目113
8.2.2routerLinkActive指令116
8.3路由嵌套（父子路由）116
8.4路由的对象120
8.5辅助路由123
8.6路由守卫126
8.6.1CanActivate守卫127
8.6.2CanDeactivate128
第9章自定义服务及DOM操作130
9.1自定义服务130
9.1.1仿京东APP搜索缓存数据功能130
9.1.2实现任务备忘录功能132
9.2DOM操作134
9.2.1原生JS操作DOM134
9.2.2使用ViewChild操作DOM136
9.2.3父子组件中通过ViewChild调用子组件的方法137
9.2.4实现轮播图效果139
0章模块和懒加载143
10.1自定义模块143
10.1.1自定义模块的意义144
10.1.2自定义一个模块145
10.1.3在自定义模块中创建组件146
10.1.4挂载自定义模块及组件147
10.1.5自定义模块访问自身组件149
10.2配置路由模块懒加载150
10.2.1创建懒加载项目150
10.2.2实现模块懒加载151
10.2.3在子模块中配置路由153
1章借用Bootstrap的组件156
11.1配置环境156
11.2按钮组件157
11.2.1定义按钮158
11.2.2设计按钮风格158
11.3按钮组组件161
11.3.1定义按钮组161
11.3.2定义按钮组工具栏162
11.3.3设计按钮组布局和样式163
11.4导航组件165
11.4.1定义导航165
11.4.2设计导航的布局166
11.4.3设计导航的风格167
11.4.4设计导航选项卡170
11.5徽章172
11.5.1定义徽章172
11.5.2设置颜色174
11.5.3椭圆形徽章174
11.6警告框175
11.6.1定义警告框175
11.6.2添加链接177
11.6.3关闭警告框178
11.7进度条178
11.7.1定义进度条179
11.7.2设计进度条样式179
11.7.3设计进度条风格181
11.8列表组183
11.8.1定义列表组183
11.8.2设计列表组的风格样式184
11.8.3定制内容187
11.9面包屑188
11.9.1定义面包屑188
11.9.2设计分隔符189
11.10分页190
11.10.1定义分页190
11.10.2使用图标191
11.10.3设计分页风格192
11.11旋转器特效195
11.11.1定义旋转器195
11.11.2设计旋转器风格196
11.11.3对齐旋转器198
11.11.4按钮旋转器199
11.12卡片200
11.12.1定义卡片200
11.12.2卡片风格201
2章摄影相册204
12.1项目概述204
12.1.1设计效果204
12.1.2设计准备207
12.2设计导航栏207
12.3首页209
12.3.1设计相册展示209
12.3.2添加Swipebox灯箱插件211
12.4分类页214
12.4.1设计相册分类展示214
12.4.2添加Swipebox灯箱插件217
12.5博客219
12.6联系页220
12.7项目重要文件222
12.7.1根模块（app.module.ts）222
12.7.2路由文件（app-routing.module.ts）223
3章Web设计与定制网站224
13.1网站概述224
13.1.1网站布局224
13.1.2设计准备224
13.2设计主页面导航224
13.3设计主页面内容227
13.3.1设计首页227
13.3.2关于我们229
13.3.3我们的团队230
13.3.4我们的服务233
13.3.5我们的博客234
13.3.6我们的定制235
13.4设计脚注237
4章仿星巴克网站239
14.1网站概述239
14.1.1设计效果239
14.1.2设计准备240
14.2设计首页布局241
14.3设计可切换导航242
14.4主体内容247
14.4.1设计轮播广告区248
14.4.2设计产品推荐区249
14.4.3设计登录注册和logo250
14.4.4设计特色展示区251
14.4.5设计产品生产流程区253
14.5设计底部隐藏导航255
5章仿支付宝“淘票票电影”APP257
15.1准备工作257
15.1.1开发环境257
15.1.2搭建Angular脚手架257
15.1.3创建项目组件261
15.2设计项目组件262
15.2.1设计头部和底部导航组件262
15.2.2设计电影页面组件265
15.2.3设计影院页面组件276
15.2.4设计我的页面组件279
15.3设计主组件281
15.3.1电影页面组件281
15.3.2影院页面组件284
15.3.3我的页面组件285
15.4项目的重要文件286
15.4.1主页面（index.html）286
15.4.2根模块（app.module.ts）287
15.4.3路由文件（app-routing.module.ts）287
15.4.4项目公共样式（style.css）288
15.4.5根组件（app.component）288
6章仿网易云音乐网站290
16.1准备工作290
16.1.1开发环境290
16.1.2创建项目290
16.1.3模块设计293
16.1.4数据来源295
16.1.5定义数据的类型297
16.2页面的头部和脚注设计299
16.3轮播组件301
16.4推荐歌单305
16.5歌手列表308
16.6底部播放器311
16.7滑块组件315
16.8ngrx状态管理316
16.9实现播放器功能319
16.10播放列表和歌词325
16.11歌单列表331
16.12歌单详情页333
16.13歌曲的详情页面339
16.14搜索功能343