思维导图备注

精通AngularJS
首页 收藏书籍 阅读记录
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

第4章 显示与格式化数据

浏览 7 扫码
  • 小字体
  • 中字体
  • 大字体
2022-01-25 03:36:00
请 登录 再阅读
上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 版权信息
  • 作者简介
  • 序
  • 第1章 Angular之禅
    • 1.1 邂逅AngularJS
      • 熟悉框架
      • 参与AngularJS项目
        • 社区
        • 在线学习资源
      • 库和扩展
      • 工具
        • Batarang
        • Plunker与jsFiddle
        • IDE扩展和插件
    • 1.2 AngularJS速成
      • Hello World——AngularJS示例
        • 双向数据绑定
      • AngularJS中的MVC模式
        • 鸟瞰
        • 深入作用域
        • 视图
      • 模块与依赖注入
        • 模块
        • 协作对象
        • 注册服务
        • 模块的生命周期
        • 模块依赖
    • 1.3 AngularJS和其他框架
      • jQuery与AngularJS
        • 苹果与橙子
      • 窥视未来
    • 1.4 总结
  • 第2章 构建与测试
    • 2.1 介绍示例应用
      • 熟悉问题领域
      • 技术栈
      • 持久化存储
        • MongoLab
        • 服务器端环境
        • 第三方JavaScript库
        • Bootstrap CSS
    • 2.2 构建系统
      • 构建系统准则
        • 自动化所有事情
        • 尽早报错，清晰报错
        • 不同的工作流，不同的命令
        • 构建脚本同样是代码
      • 工具
        • Grunt.js
        • 测试库与工具
        • Jasmine
        • Karma runner
    • 2.3 组织文件和目录
      • 根目录
      • 进入源代码目录
        • AngularJS的特定文件
        • 轻装上路
        • 深入测试目录
      • 文件命名约定
    • 2.4 AngularJS模块和文件
      • 一个文件，一个模块
      • 模块内部
        • 注册provider的不同语法
        • 声明配置和运行块的语法
    • 2.5 自动化测试
      • 单元测试
        • 剖析Jasmine测试
        • 测试AngularJS对象
        • 测试服务
        • 测试控制器
        • Mock对象和异步代码测试
      • 端对端测试
        • 日常工作流
        • Karma runner的提示与技巧
        • 执行测试子集
        • 调试
    • 2.6 小结
  • 第3章 与后端服务器通信
    • 3.1 使用 $http进行 XHR和 JSONP请求
      • 熟悉数据模型和MongoLab URLs
      • $http API快速导览
        • 配置对象说明
        • 转换请求数据
        • 处理HTTP响应
        • 转换响应数据
      • 处理同源政策约束
        • 利用JSONP克服同源政策约束
        • JSONP的限制
        • 利用CORS克服同源政策约束
        • 服务器端代理
    • 3.2 promise API与 $q
      • 工作中的promise和$q服务
        • 学习$q服务的基础知识
        • promise是第一类JavaScript对象
        • 聚合回调
        • 注册回调和承诺的生命周期
        • 异步动作的链式调用
        • 关于$q的其他
      • AngularJS中的$q集成
    • 3.3 promise API与 $http
    • 3.4 与 RESTful端点通信
      • $resource服务
        • 构造级与实例级方法
        • $resource 创建异步方法
        • $resource服务的限制
      • 使用$http自定义REST适配器
    • 3.5 使用 $http的高级特性
      • 截取响应
    • 3.6测试与$http交互的代码
    • 3.7小结
  • 第4章 显示与格式化数据
    • 4.1 引用指令
    • 4.2 显示表达式的求值结果
      • 插值指令
      • 利用ngBind渲染模型值
      • AngularJS表达式中的HTML内容
    • 4.3 条件化显示
      • 根据条件包含内容块
    • 4.4 用ngRepeat指令渲染集合
      • 熟悉ngRepeat指令
      • 特殊变量
      • 迭代对象的属性
      • ngRepeat模式
        • 列表和细节
        • 改动表格、行和类
    • 4.5 DOM事件处理器
    • 4.6 基于DOM的模板
      • 习惯烦琐的语法
      • ngRepeat和多个DOM元素
      • 不能再运行时修改的元素和属性
      • 自定义HTML元素与IE的老版本
    • 4.7 使用过滤器处理模型变换
      • 内置过滤器
        • 格式化过滤器
        • 数组变换过滤器
      • 编写自定义过滤器——分页示例
      • 从JavaScript代码中访问过滤器
      • 过滤器做什么与不做什么
        • 过滤器与DOM操作
        • 过滤器中代价高昂的数据变换
        • 不稳定的过滤器
    • 4.8 摘要
  • 第5章 创建高级表单
    • 5.1 AngularJS表单与传统表单的比较
      • 介绍ngModel指令
    • 5.2 创建用户信息表单
    • 5.3 理解输入指令
      • 添加所需验证
      • 使用基于文本的输入(text、textarea、e-mail、URL、number)
      • 使用checkbox输入
      • 使用radio输入
      • 使用select输入
        • 提供简单的字符串options
        • 利用ngOptions指令提供动态options
        • select指令与空的options
        • 理解select和对象判等
        • 选择多个options
      • 运用传统的HTML hidden input字段
        • 嵌入来自服务器的值
        • 提交传统的HTML表单
    • 5.4 详解ngModel数据绑定
      • 理解ngModelController
        • 在模型与视图之间转换值
        • 追踪值是否变化
        • 跟踪input字段有效性
    • 5.5 校验Angular表单
      • 理解ngFormController
        • 运用name属性将表单附加到作用域上
      • 为用户信息表单增加动态行为
        • 显示验证错误
        • 让保存按钮无效
      • 使原生浏览器校验无效
    • 5.6 在其他表单中嵌套表单
      • 将子表单作为可重用组件
    • 5.7 重复子表单
      • 验证重复输入
    • 5.8 处理传统的ＨＴＭＬ表单提交
      • 直接向服务器提交表单
      • 处理表单提交事件
        • 使用ngSubmit处理表单提交
        • 使用ngClick处理表单提交
    • 5.9 重置用户信息表单
    • 5.10 摘要
  • 第6章 导航
    • 6.1 单页Web应用的URL
      • HTML5之前的HashbangURL
      • HTML5和history API
    • 6.2 使用$location服务
      • 理解$location服务API与URL的关系
      • 哈希、页面内导航和$anchorScroll
      • 配置HTML5方式的URL
        • 客户端
        • 服务端
      • 使用$locating导航
        • 根据路由构建页面
        • 路由映射URL
        • 定义路由时指定控制器
        • 导航的不足
    • 6.3 使用AngularJS自带的路由服务
      • 基础路由定义
        • 显示匹配的路由内容
      • 匹配灵活的路由
        • 定义默认路由
        • 访问路由参数
      • 多个控制器重用局部模板
      • 路由改变时避免UI抖动
      • 取消路由更新
    • 6.4 $route服务的局限
      • 一个路由只对应页面中的一个区域
        • 使用ng-include处理多个UI区域
      • 不支持嵌套路由
    • 6.5 路由相关的模式及技巧
      • 处理链接
        • 创建可点击的链接
        • 兼容HTML5及hashbang模式
        • 链接外部页面
      • 组织路由定义
        • 将路由定义分离到多个模块
        • 减少路由定义的重复代码
    • 6.6 总结
  • 第7章 安全
    • 7.1 提供服务认证和授权
      • 处理未授权的访问
      • 提供服务端验证API
    • 7.2 保护局部模板
    • 7.3 阻止恶意攻击
      • 防止cookie监听、中间人攻击
      • 防止跨站脚本攻击
        • 确保AngularJS 表达式内HTML内容的安全性
        • 允许不安全的HTML绑定
        • 净化HTML
      • 防止JSON注入攻击
      • 防止跨站请求伪造
    • 7.4 客户端安全
      • 创建security服务
      • 显示登录表单
      • 创建安全的菜单及工具栏
        • 隐藏菜单项
        • 创建登录工具栏
    • 7.5 支持客户端认证
      • 处理认证失败
      • 拦截响应
        • HTTP响应拦截器
      • 创建securityInterceptor服务
      • 创建securityRetryQueue服务
        • 通知安全服务
    • 7.6 防止导航到安全受限路由
      • 使用路由resolve函数
      • 创建授权服务
    • 7.7 总结
  • 第8章 创建自定义指令
    • 8.1 什么是AngularJS指令
      • 理解内置指令
      • 在HTML标签中使用指令
    • 8.2 指令的编译生命周期
    • 8.3 为指令编写单元测试
    • 8.4 定义指令
    • 8.5 使用指令修改按钮样式
      • 编写一个按钮指令
    • 8.6 理解AngularJS的组件指令
      • 编写一个分页指令
      • 为分页指令编写单元测试代码
      • 在指令中使用HTML模板
      • 从父作用域中隔离指令
        • 使用@插入属性
        • 使用=绑定数据
        • 使用提供一个回调表达式
      • 实现分页组件
      • 为指令添加分页跳转回调
    • 8.7 创建一个自定义验证指令
      • 需要其他指令的控制器
        • 可选的依赖控制器
        • 查找祖先元素的控制器
      • 使用ngModelController
      • 编写自定义验证指令的单元测试
      • 实现自定义验证指令
    • 8.8 创建一个异步模型验证器
      • 模拟用户服务
      • 为异步验证编写测试代码
      • 实现异步验证指令
    • 8.9 包装jQueryUIdatepicker指令
      • 为包装组件指令编写测试代码
      • 实现jQuery datepicker指令
    • 8.10 小结
  • 第9章 创建高级指令
    • 9.1 使用嵌入
      • 在指令中使用嵌入
      • 在独立作用域指令中使用嵌入
      • 创建一个使用嵌入的提示指令
        • 理解指令定义中的replace属性
        • 理解指令定义中的transclude属性
        • 使用ng-transclude插入嵌入元素
      • 理解嵌入作用域
    • 9.2 创建和使用嵌入函数
      • 使用$compile服务创建一个嵌入函数
        • 在嵌入时克隆原始元素
      • 在指令中访问嵌入函数
        • 通过编译函数中的transcludeFn来获取嵌入函数
        • 通过$transclude在指令控制器中获取嵌入函数
      • 使用嵌入创建一个if指令
        • 在指令中使用priority属性
    • 9.3 理解指令控制器
      • 为指令控制器注入特殊依赖
      • 创建一个基于控制器的分页指令
      • 理解指令控制器和链接函数的区别
        • 注入依赖
        • 编译过程
        • 获取其他控制器
        • 获取嵌入函数
      • 创建一个手风琴指令套件
        • 在手风琴组件中使用指令控制器
        • 实现accordion指令
        • 实现accordion-group指令
    • 9.4 控制编译过程
      • 创建一个field指令
        • 在指令中使用terminal属性
      • 使用$interpolate服务
        • 绑定验证信息
      • 动态加载模板
      • 设置field指令的模板
    • 9.5 小结
  • 第10章 创建为全球用户服务的AngularJS应用
    • 10.1 使用本地化的符号和设置
      • 配置本地化设置模块
      • 使用已有的本地化设置
        • 本地化设置和AngularJS过滤器
    • 10.2 处理翻译
      • 翻译AngularJS模板中的字符串
        • 使用过滤器
        • 使用指令
      • 翻译JavaScript代码中的字符串
    • 10.3 范式、秘诀和技巧
      • 按照设定的地区初始化应用
        • 将地区标识作为URL一部分带来的问题
      • 切换地区
      • 针对日期、数字和货币的自定义过滤器
    • 10.4 小结
  • 第11章 开发健壮的AngularJS应用
    • 11.1 理解AngularJS的内部运用机制
      • AngularJS不是基于字符串的模板引擎
        • 响应DOM事件更新模型
        • 将模型变化传播给DOM
        • 同步DOM和模型变化
        • Scope.$apply——打开AngularJS世界的钥匙
        • 深入$digest循环
    • 11.2 性能优化——设置期望值、测量、调节、并重复
    • 11.3 AngularJS应用的性能优化
      • 优化CPU使用率
        • 加速$digest循环
        • 尽可能少进入$digest循环
        • 限制每个$digest循环的执行轮数
      • 优化内存占用
        • 尽可能避免深度监视
        • 注意监视表达式的大小
      • ng-repeat指令
        • ng-repeat指令中对集合的监视
        • 瞬间绑定大量监视
    • 11.4 小结
  • 第12章 打包和部署AngularJS Web应用
    • 12.1 提升网络相关的性能
      • 压缩静态资源
        • AngularJS如何判断依赖关系
        • 编写会被安全压缩的JavaScript代码
        • 数组风格依赖注入的缺陷
      • 模板预加载
        • 使用<script>指令预加载模板
        • 填充$templateCache服务
        • 组合使用不同的预加载技术
    • 12.2优化首页
      • 避免显示未经处理的模板
        • 使用ng-cloak指令隐藏DOM元素
        • 使用ng-bind指令隐藏表达式
      • 引用AngularJS和应用脚本文件
        • 引用脚本文件
        • AngularJS和异步模块定义
    • 12.3浏览器支持
      • 在Internet Explorer中使用
    • 12.4 小结
暂无相关搜索结果！
    展开/收起文章目录

    二维码

    手机扫一扫，轻松掌上学

    《精通AngularJS》电子书下载

    请下载您需要的格式的电子书，随时随地，享受学习的乐趣！
    EPUB 电子书

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度