思维导图备注

Rangle's Angular 2 Training Book中文版
首页 白天 夜间 BookChat 小程序 小程序 阅读
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

将Angular1.x项目迁移到Angular 2

浏览 704 扫码 分享 2018-04-22 08:04:50
  • 将Angular1.x项目迁移到Angular 2

    将Angular1.x项目迁移到Angular 2

    将Angular1.x项目迁移到Angular 2 - 图1

    Figure: Great Migration by gekkodigitalmedia licensed under Public Domain (https://pixabay.com/en/great-migration-africa-animal-1021460/)

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 简介
    • License
    • Why Angular?
    • 为什么不是React⚡️
    • 聊聊技术选型-Angular vs Vue⚡️
    • 状态管理
    • ES6和TypeScript的特点
      • ES6
        • Classes
        • 回顾this
        • 箭头函数
        • 模板字符串
        • 继承
        • 委托
        • 常量和块作用域变量
        • 扩展语句和剩余参数
        • 解构
        • 模块
      • TypeScript
        • TypeScript入门
        • 使用 tsc
        • Linting
        • 类型⚡️
        • TypeScript特性
        • TypeScript类
        • 泛型⚡️
        • 接口
        • Shapes
        • 类型推断
        • 类型关键字
        • 装饰器
        • 属性装饰器
        • 类装饰器
        • 参数装饰器
    • JavaScript工具链
      • 源码控制：Git
      • 命令行
      • JavaScript命令行：NodeJS
      • 后端代码共享和分发：npm
      • 模块加载，打包和构建任务：Webpack
      • Chrome
    • 引导Angular应用
      • 了解文件结构
      • 引导Providers
    • Angular 中的组件
      • 创建组件
      • 组件的应用程序结构
        • 将数据传递到组件
        • 响应组件事件
        • 使用双向数据绑定
        • 从模板访问子组件
      • 投影
      • 使用组件构建应用程序
      • 使用其他组件
    • 指令
      • 属性指令
        • NgStyle指令
        • NgClass指令
      • 结构指令
        • NgIf指令
        • NgFor指令
        • NgSwitch指令
        • 使用多个结构指令
    • 高级组件
      • 组件生命周期
      • 其他组件交互方式
      • 视图封装
      • ElementRef
    • Observable
      • 使用Observable
      • 错误处理
      • 处理订阅和释放资源
      • Observable VS Promise
      • 使用其他来源的Observable
      • 可观察数组操作
      • “冷” vs “热” Observable
      • 总结
    • Angular 依赖注入
      • 什么是DI？
      • DI框架
      • Angular 的DI
        • @Inject() 和 @Injectable
        • 类以外的注入
        • 避免注入冲突: OpaqueToken
        • 注入树
    • HTTP
      • 发起请求
      • 捕获异常
        • 捕获和释放
        • 取消请求
        • 重试
      • 拦截请求
      • 进度事件
    • 变化检测
      • Angularjs与Angular的变化检测策略
      • 变化检测如何工作
      • 更改检测器类
      • 变更检测策略：OnPush
      • 强制不变性
      • 其他资源
    • Zone.js
      • 概述
      • Zone 传播
        • 跟踪异步操作
        • 异步操作补丁
      • 上下文环境
      • 拦截
    • Angular 进阶
      • 指令
        • 创建属性指令
          • 监听Host元素
          • 在指令中设置属性
        • 创建结构指令
          • 查看容器和嵌入视图
          • 向指令提供上下文变量
      • AoT
        • AoT局限
        • AoT配置
    • Immutable.js
      • 什么是不可变性？
      • 不变性的应用场景
      • JavaScript解决方案
        • Object.assign
        • Object.freeze
      • Immutable.js基础
        • Immutable.Map
          • Map.merge
        • 嵌套对象
          • 删除密钥
          • Map是可迭代的
        • Immutable.List
    • 性能
    • 管道
      • 使用管道
      • 自定义管道
      • 状态管道
    • 表单
      • 入门
      • 模板驱动的表单
        • 嵌套表单数据
        • 使用模板模型绑定
        • 验证模板驱动的表单
      • 响应式/模型驱动的表单
        • 响应式表单基础
        • 验证响应式表单
        • 自定义验证响应式表单
      • 用户的视觉提示
    • 模块
      • 什么是Angular模块？
      • 将组件、管道和服务添加到模块
      • 创建功能模块
      • 指令复制
      • 延迟加载模块
      • 延迟加载和依赖注入树
      • 共享模块和依赖注入
      • 共享相同的依赖注入树
    • 路由
      • 为什么选择路由？
      • 配置路由
      • 将路由器重定向到另一条路由
      • 定义路由之间的链接
      • 动态添加路由组件
      • 使用路由参数
      • 定义子路由
      • 路由拦截
      • 将可选参数传递给路由
      • 使用辅助路由
    • 状态管理
      • 示例应用
      • 使用选择器读取应用程序状态
      • Actions
      • 通过Dispatching Actions 修改应用 State
      • Reducers 和纯函数
      • Reducers 的 State 管理
      • 创建应用的Root Reducer
      • 配置你的应用
      • 更多Redux和Ngrx资源
    • Redux 和 Ngrx
    • 将@ngrx添加到你的项目
    • 定义应用的主状态
    • 动画
    • TDD测试
      • 测试工具链
      • 测试设置
        • 文件名约定
        • Karma配置
        • TestBed配置（可选）
        • 类型
        • 执行测试脚本
      • 简单测试
      • 使用Chai
      • 测试组件
        • 检验方法和属性
        • 注入依赖和DOM更改
          • 覆盖测试的组件
        • 测试异步操作
        • 重构难以测试的代码
      • 测试服务
        • 服务测试策略
        • 测试HTTP请求
          • 使用MockBackend
          • 替代HTTP Mock策略
          • 测试JSONP和XHR后端
        • 异步执行测试
      • 测试Redux
        • 测试简单的Action
        • 测试复杂的Action
        • 测试Reducers
        • Afterthoughts
    • 将Angular1.x项目迁移到Angular 2
      • 迁移准备
        • 升级到 Angular 1.3+ 风格
        • 使用 Webpack
        • 迁移到 TypeScript
      • 选择升级途径
      • 避免全面转换
    • 项目设置
      • Webpack
        • 安装和使用
        • Loaders
        • 插件
        • 概要
      • NPM脚本集成
    • Angular CLI
      • 创建
      • 创建新应用程序
      • 启动应用
      • 创建组件
      • 创建路由
      • 创建其他东西
      • 测试
      • Linting
      • CLI命令概述
      • 添加第三方库
      • 集成现有应用程序
    • Angular 中的无障碍
      • 为什么需要无障碍
    • Angular 中的国际化
      • 过程什么样的，如何参与？
      • 在我们的模板中标记文字
      • 使用Angular CLI提取翻译文本
      • 如何导入已完成的翻译文件
        • 使用AoT编译器
        • 使用JiT编译器
    • 词汇表
    • 最佳实践与填坑的积累⚡️
    • 进一步阅读和参考
    • 其他
      • The case for ZoneDelegate
      • Task Scheduling
      •  任务
      • Angular: Why TypeScript?
      • 测试组件
      • 使用 Redux 与 Components
      • 回顾 Reducers 和纯函数
      • Redux和组件架构
      • 配置应用以使用Redux
      • 插件
      • Persistent and Transient Data Structures
      • 使用RxJS操作符实现更多高级特性
      • 与其他框架比较
      • Angular 2中的Web辅助功能
      • 无障碍Web应用的关键
    暂无相关搜索结果！

      本文档使用 BookStack 构建

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      • 普通下载
      • 下载码下载(免登录无限下载)
      你与大神的距离，只差一个APP
      APP下载
      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档
      温馨提示 每天每在网站阅读学习一分钟时长可下载一本电子书，每天连续签到可增加阅读时长
      下载码方式下载：免费、免登录、无限制。 免费获取下载码

      微信小程序阅读

      BookChat 微信小程序阅读
      您与他人的薪资差距，只差一个随时随地学习的小程序

      书签列表

        阅读记录

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