SDK.CN

零起步学习Angular2

来源:汇智网
时间:多个视屏
难度:初级
播放:83

视频简介

即使你没有任何AngularJS的基础,学完本课程也可以轻松开发Angular2程序。本课程涵盖了Angular2的核心概念,并对其中涉及的ES2015、装饰器等语言增强恰当地进行讲解。

章节介绍

 快速上手

  •  Why Angular2
  •  ES6工具链
  •  初识Angular2
  •  注解/Annotation
  •  小结

 组件开发 - 声明元数据

  •  selector - 声明选择符
  •  template/templateUrl - 声明模板
  •  styles/styleUrls - 设置样式
  •  properties - 声明属性
  •  events - 声明事件
  •  directives - 引用指令

 组件开发 - 模板基本语法

  •  {{model}} - 文本插值
  •  [property] - 属性绑定
  •  (event) - 事件绑定
  •  #var - 局部变量

 组件开发 - 在模板中使用预置指令

  •  NgStyle - 内联样式
  •  NgClass - 样式类
  •  NgIf- 条件逻辑
  •  NgSwitch - 分支逻辑
  •  NgFor - 循环逻辑

 组件开发 - 在模板中使用管道

  •  | - 管道
  •  预置管道
  •  管道级联
  •  定制管道
  •  有状态管道
  •  AsyncPipe

 组件开发 - 在模板中处理表单输入

  •  NgForm - 表单指令
  •  NgControlName - 命名控件指令
  •  NgControlGroup -命名控件组
  •  NgFormControl - 绑定已有控件对象
  •  NgFormModel - 绑定已有控件组

 指令开发 - 增强HTML功能

  •  Directive - 定义指令元数据
  •  inputs - 声明属性值映射
  •  host - 声明事件监听
  •  renderer - 使用渲染器

 服务开发 - 封装与注入

  •  服务 - 封装可复用代码
  •  注入服务 - providers
  •  Injector - 注入器
  •  Provider - 服务提供者
  •  TOKEN - 服务标识
  •  Provider的其他选项
  •  Injector Tree- 注入器树

 路由管理 - 原理与应用

  •  组件路由 - 初体验
  •  路由 - 应用步骤
  •  RouteConfig - 路由配置注解
  •  RouterLink - 路由入口指令
  •  RouteRegistry - 路由注册表
  •  RouteParams - 路由参数
相关工具

相关视频

推荐工具 意见反馈