热点推荐

查看: 10237|回复: 24

[Angular.Js] IT营angular5、angular4.x入门实战视频教程

[复制链接]

1418

主题

1532

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
39191
发表于 2018-2-1 08:18:12 | 显示全部楼层 |阅读模式
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路由嵌套后台管理系统框架搭建

下载链接回复可见:
游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

23

帖子

115

积分

Lv1码农小白

Rank: 1

积分
115
发表于 2018-2-6 10:48:51 | 显示全部楼层
IT营angular5、angular4.x入门实战视频教程
回复

使用道具 举报

0

主题

1

帖子

5

积分

Lv1码农小白

Rank: 1

积分
5
发表于 2018-2-24 18:57:26 | 显示全部楼层
感谢群主的分享
回复

使用道具 举报

0

主题

9

帖子

20

积分

Lv1码农小白

Rank: 1

积分
20
发表于 2018-2-24 23:11:29 | 显示全部楼层

IT营angular5、angular4.x入门实战视频教程
回复

使用道具 举报

0

主题

22

帖子

76

积分

Lv1码农小白

Rank: 1

积分
76
发表于 2018-3-9 17:12:48 | 显示全部楼层
666666666666
回复

使用道具 举报

1

主题

541

帖子

1403

积分

Lv1码农小白

Rank: 1

积分
1403
发表于 2018-3-20 12:36:39 | 显示全部楼层
必须学习下
回复

使用道具 举报

0

主题

87

帖子

318

积分

Lv1码农小白

Rank: 1

积分
318
发表于 2018-3-23 00:06:15 | 显示全部楼层
謝謝分享
回复

使用道具 举报

0

主题

39

帖子

586

积分

Lv1码农小白

Rank: 1

积分
586
发表于 2018-3-25 00:12:10 | 显示全部楼层
謝謝大大分享
回复

使用道具 举报

0

主题

3

帖子

181

积分

Lv1码农小白

Rank: 1

积分
181
发表于 2018-3-27 22:16:40 | 显示全部楼层
顶!d=====( ̄▽ ̄*)b
回复

使用道具 举报

1

主题

235

帖子

875

积分

永久VIP会员

Rank: 3Rank: 3

积分
875
发表于 2018-3-28 22:23:43 | 显示全部楼层
谢谢楼主分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

快速回复 返回顶部 返回列表