Web开发技术丛书 AngularJS实战2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Web开发技术丛书 AngularJS实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 初识Angular1

1.1 Angular简介1

1.1.1 特点2

1.1.2 适用范围2

1.1.3 搭建开发Angular应用的环境2

1.2 开发简单的Angular应用3

示例1-1 编写一个简单的Angular程序3

示例1-2编写一个具有计算功能的Angular程序4

示例1-3编写一个绑定页面元素的Angular程序6

示例1-4编写一个绑定多个页面元素的Angular程序7

1.3 本章小结9

第2章 Angular基础知识10

2.1 Angular中的表达式10

2.1.1 Angular表达式与JavaScript表达式的区别10

示例2-1 Angular表达式与JavaScript表达式之间的相互调用11

2.1.2 $window窗口对象在表达式中的使用13

示例2-2$window窗口对象在表达式中的使用13

2.1.3 Angular表达式的容错性14

示例2-3 Angular表达式的容错性14

2.2 Angular中的控制器16

2.2.1 控制器的概念16

2.2.2 控制器初始化$scope对象16

示例2-4控制器初始化$scope对象16

2.2.3 添加$scope对象方法18

示例2-5通过表达式绑定$scope对象的方法18

示例2-6在事件中绑定$scope对象的方法20

示例2-7添加带参数的$scope方法21

2.2.4 $scope对象属性和方法的继承23

示例2-8$scope对象中方法和属性的继承23

2.3 Angular中的模板24

2.3.1 构建模板内容25

示例2-9构建模板内容25

2.3.2 使用指令复制元素26

示例2-10使用指令复制元素26

2.3.3 添加元素样式29

示例2-11添加元素样式30

2.3.4 控制元素的隐藏与显示状态33

示例2-12控制元素的隐藏与显示状态33

2.4 模板中的表单控件35

2.4.1 表单基本验证功能35

示例2-13表单基本验证功能35

2.4.2 表单中的checkbox和radio控件37

示例2-14表单中的checkbox和radio控件38

2.4.3 表单中的select控件39

示例2-15表单中的select控件41

2.5 本章小结43

第3章 Angular的过滤器和作用域44

3.1 模板中的过滤器44

3.1.1 排序方式过滤44

示例3-1排序方式过滤45

3.1.2 匹配方式过滤48

示例3-2匹配方式过滤49

3.1.3 自定义过滤器51

示例3-3自定义过滤器51

3.2 过滤器的应用54

3.2.1 表头排序55

示例3-4表头排序55

3.2.2 字符查找57

示例3-5字符查找58

3.3 作用域概述60

3.3.1 作用域特点60

示例3-6 ＄watch方法的使用60

3.3.2 作为数据模型的作用域62

示例3-7作为数据模型的作用域62

3.4 作用域的层级和事件64

3.4.1 作用域的层级64

示例3-8作用域的层级64

3.4.2 作用域事件的传播67

示例3-9作用域事件的传播69

3.5 本章小结71

第4章 Angular的依赖注入72

4.1 依赖注入介绍72

4.1.1 依赖注入的原理72

示例4-1依赖注入的原理73

4.1.2 简单依赖注入的示例75

示例4-2简单依赖注入的示例75

4.2 依赖注入标记78

4.2.1 推断式注入78

示例4-3推断式注入的示例78

4.2.2 标记式注入79

示例4-4标记式注入的示例80

4.2.3 行内式注入82

示例4-5行内式注入的示例82

4.3 $injector常用API84

4.3.1 has和get方法84

示例4-6 has和get方法的示例84

4.3.2 invoke方法86

示例4-7 invoke方法的示例86

4.3.3 依赖注入应用的场景88

4.4 本章小结89

第5章 Angular中MVC模式90

5.1 MVC模式概述90

5.1.1 MVC简介90

5.1.2 使用Angular中MVC的优势和缺点91

5.2 Model组件92

5.2.1 Model组件的基础概念92

示例5-1 Model组件的基础概念92

5.2.2 使用ngRepeater方式遍历Model对象94

示例5-2使用ngRepeater方式遍历Model对象94

5.3 Controller组件96

5.3.1 控制器的属性和方法96

示例5-3控制器的属性和方法96

5.3.2 控制器方法中的参数98

示例5-4控制器方法中的参数98

5.3.3 控制器中属性和方法的继承100

示例5-5控制器中属性和方法的继承100

5.4 View组件103

5.4.1 View组件中的模板切换103

示例5-6 View组件中的模板切换103

5.4.2 在切换视图模板时传参数106

示例5-7多页面切换并传递参数106

5.5 本章小结109

第6章 Angular的服务110

6.1 Angular服务介绍110

6.1.1 内置服务110

示例6-1 内置服务调用111

6.1.2 自定义服务112

示例6-2使用$provide自定义服务113

6.2 创建Angular服务115

6.2.1 使用factory方法自定义服务115

示例6-3使用factory方法自定义服务115

6.2.2 使用service方法自定义服务117

示例6-4使用service方法自定义服务117

6.2.3 使用constant和value方法自定义服务119

示例6-5使用constant和value方法自定义服务120

6.3 管理服务的依赖122

6.3.1 添加自定义服务依赖项方法122

示例6-6添加自定义服务依赖项方法122

6.3.2 嵌套注入服务124

示例6-7嵌套注入服务125

6.4 添加服务的其他设置127

6.4.1 服务的装饰器127

示例6-8服务的装饰器127

6.4.2 服务的多例性129

示例6-9服务的多例性129

6.5 本章小结132

第7章 Angular与服务端交互133

7.1 与服务端交互介绍133

7.1.1 传统的AJAX方式与服务端交互134

示例7-1传统的AJAX方式与服务端交互134

7.1.2 使用$http快捷方法与服务端交互137

示例7-2使用$http快捷方法与服务端交互137

7.1.3 使用$http配置对象方式与服务端交互139

示例7-3使用$http配置对象方式与服务端交互140

7.2 Angular中的缓存143

7.2.1 $cacheFactory服务创建缓存对象143

示例7-4$cacheFactory服务创建缓存对象144

7.2.2 $http服务中的缓存146

示例7-5 $http服务中的缓存146

7.2.3 自定义$http服务中的缓存148

示例7-6 自定义$http服务中的缓存148

7.3 $resource服务150

7.3.1 $resource服务的使用和对象中的方法150

示例7-7$resource对象中方法的使用152

7.3.2 在$resource服务中自定义请求方法155

示例7-8$resource服务中自定义方法155

7.4 promise对象159

7.4.1 promise的基本概念和使用方法159

示例7-9 promise对象的创建和使用160

7.4.2 promise对象在$http中的应用162

示例7-10 promise对象在$http中的应用162

7.5 本章小结164

第8章 Angular的指令165

8.1 Angular指令概述165

8.1.1 指令定义的基础165

示例8-1创建一个新的指令166

8.1.2 设置指令对象的基础属性168

示例8-2设置指令对象的基础属性168

8.2 Angular指令对象的重要属性170

8.2.1 指令对象中的transclude属性170

示例8-3设置指令对象中的transclude属性171

8.2.2 指令对象中的link属性173

示例8-4设置指令对象中的link属性173

8.2.3 指令对象中的compile属性175

示例8-5设置指令对象中的compile属性175

8.3 Angular指令对象的scope属性177

8.3.1 scope属性是布尔值178

示例8-6 scope属性是布尔值178

8.3.2 scope属性是对象180

示例8-7 scope属性是JSON对象181

8.4 Angular指令对象的require和controller属性183

8.4.1 require和controller属性的概念184

8.4.2 一个使用require和controller属性的示例184

示例8-8一个使用require和controller属性的示例184

8.5 本章小结187

第9章 使用$location188

9.1 初识$location188

9.1.1 调用$location对象的只读方法188

示例9-1调用$location对象的只读方法189

9.1.2 调用$location对象的读写类方法190

示例9-2调用$location对象的读写方法191

9.2 $location对象的事件193

9.2.1 $locationChangeStart事件193

示例9-3捕捉$locationChangeStart 事件193

9.2.2 $locationChangeSuccess事件195

示例9-4捕捉locationChange-Success事件195

9.3 路由模式和地址变更197

9.3.1 标签（hashbang）模式198

示例9-5标签模式下获取页面URL中的内容198

9.3.2 HTML 5模式200

示例9-6 HTML 5模式下获取页面URL中的内容200

9.3.3 模式间的区别与关联202

示例9-7两种模式下分别获取页面URL中的内容203

9.3.4 路由对象方法的双向绑定206

示例9-8路由对象方法的双向绑定207

9.4 本章小结208

第10章 使用Angular开发的注意事项和最佳实践209

10.1 页面元素的控制209

10.1.1 调用element方法控制DOM元素209

示例10-1调用element方法控制DOM元素210

10.1.2 解决setTimeout改变属性的无效212

示例10-2解决setTimeout改变属性的无效212

10.1.3 解决双大括号绑定元素时的闪烁问题214

示例10-3解决双大括号绑定元素时的闪烁问题214

10.2 使用ng-repeat时的注意事项216

10.2.1 注意ng-repeat中的索引号216

示例10-4注意ng-repeat中的索引号216

10.2.2 使用track by排序ng-repeat中的数据219

示例10-5使用trackby排序ng-repeat中的数据219

10.2.3 正确理解ng-repeat指令中scope的继承关系222

示例10-6正确理解ng-repeat指令中scope的继承关系222

10.3 解决单击按钮事件中的冒泡现象225

示例10-7解决单击按钮事件中的冒泡现象225

10.4 释放多余的$watch监测函数227

示例10-8释放多余的$watch 监测函数227

10.5 解决ng-if中ng-model值无效的问题229

示例10-9解决ng-if中ng-model值无效的问题230

10.6 本章小结231

第11章 综合案例开发232

11.1 基于AngularJS使用canvas绘制圆形进度条232

11.1.1 需求分析232

11.1.2 界面效果233

11.1.3 功能开发233

11.1.4 源码解析238

11.2 使用AngularJS开发一个抽奖应用240

11.2.1 需求分析240

11.2.2 界面效果240

11.2.3 功能开发241

11.2.4 源码解析247

11.3 本章小结251