IT营angular5、angular4.x入门实战视频教程
01 Angular4.x介绍以及和vue、react对比 一、Angular4.x介绍? % y, Z7 U* 二、TypeScript介绍 1 }+ Y$ _' t0 M! a 三、Angular4.x能干什么? / Y5 o. u( G 四、Angular4.x 、Vue2.x、React 15.x.x对比 8 ^& J 五、Angular4.x 开发工具介绍 4 l5 v6 s5 a) xf+ O
02 Angular4.x 安装使用目录结构以及启动分析 一、安装最新版本的nodejs 二、全局安装 Angular CLI 脚手架工具(只需要安装一次) 0 r0 b4; y1 H 三、创建项目 四、目录结构分析 五、Hello Angular 4.0 以及 app.module.ts、组件分析0 Y) \6 f d; L
03 Angular4.x 创建组件 、Angular4绑定数据、Angular4绑定属性、Angular4数据循环(上)* }4 j# A4 s; ` 一、创建angualr组件 二、angualr4.0绑定数据 9 K% y0{ 三、数据循环 *ngFor 四、条件判断 *ngIf 五、执行事件 (click)=”getData()” 0 B) b& y* d 六、绑定属性 " a9 l* d4 V# H7 c 七、表单处理 ; _' h( S7 [! 八、双向数据绑定 5 b$ w1 : C 九、Todolist功能
04 Angular4.x组件 声明属性 、Angular4绑定数据、Angular4 绑定属性 、Angular4条件判断、、Angular4事件、、Angular4表单处理、、Angular4双向数据绑定(中)/ P3 E4 B! ?( @3 O 一、创建angualr组件 . P) `7 Q& b 二、angualr4.0绑定数据 三、数据循环 *ngFor 四、条件判断 *ngIf % T. c! d# M)2 |. O 五、执行事件 (click)=”getData()” 2 m3 u9|6 r 六、绑定属性 ; ~* K4 h |. s 七、表单处理 ) \2 ?! o. \) Q 八、双向数据绑定 7 M3 ~+ e 九、Todolist功能
05 Angular4.x组件 声明属性 绑定数据 绑定属性 数据循环项目 toDolist(下) 一、Angular4 Todolist功能
; U- Ph)
06 Angular4.x中的服务 一、Angualr CLI创建服务 二、创建服务命令 三、app.module.ts里面引入创建的服务 $ K4 \0 | B h- B 四、使用的页面引入服务,注册服务 4 s7 Z8 _)
07 Angular4.x请求数据(上) 一、app.module.ts注册HTTP JSONP服务 1 y% j0 W 二、通过 Http、Jsonp请求数据、不用RxJs 三、通过 Http、Jsonp请求数据、使用RxJs
08 Angular4.x请求数据(下)# y! p i 一、app.module.ts注册HTTP JSONP服务 二、通过 Http、Jsonp请求数据、不用RxJs 三、通过 Http、Jsonp请求数据、使用RxJs
) F,
09 Angular4.x父子组件的传值7 u# E 一、父组件给子组件传值 -@Input 二、父子组件传值的方式让子组件执行父组件的方法 6 l# p7 f 三、子组件通过@Output执行父组件的方法 四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一) 五、父组件通过ViewChild主动获取子组件的数据和方法 c2 z: F#
10 Angular4.x 中的路由父子路由, N* a( T 一、父组件给子组件传值 -@Input 二、父子组件传值的方式让子组件执行父组件的方法 4 m9 三、子组件通过@Output执行父组件的方法 % R, S, 四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一) 五、父组件通过ViewChild主动获取子组件的数据和方法
11 angular4.x 中的路由 --routing生成路由 配置路由 路由重定向(1)! b/ R 一、Angular命令创建一个配置好路由的项目 二、Angula4.x在已有的项目中配置路由 三、Angular routerLink页面跳转 默认跳转路由 四、Angular routerLinkActive设置routerLink默认选中路由 五、路由的动态传值 六、路由的js跳转 " v7 W5 X8 x) Y) p) V+ ~ 七、路由的js跳转 get传值 % y& p3 r$ ]; F1 八、父子路由 x1 k) i: \' M(
12 angular4.x 中已经存在的项目配置路由、路由选中、动态路由(2)) z: O- R, 一、Angular命令创建一个配置好路由的项目 二、Angula4.x在已有的项目中配置路由 / I9 i7 三、Angular routerLink页面跳转 默认跳转路由 四、Angular routerLinkActive设置routerLink默认选中路由 五、路由的动态传值 ; X, V' j; 六、路由的js跳转 8 F5 w/ e( I) 七、路由的js跳转 get传值 八、父子路由
13 angular4.x 中路由的js跳转(3)
14 angular4.x中路由的Get传值和获取传值(4);
15 angular4.x路由的嵌套 父子路由(5) 一、Angular4.x路由嵌套 二、Angula4.x路由嵌套后台管理系统框架搭建
下载链接回复可见:
|