360SDN.COM

Angular4.x需要掌握的内容

来源:  2018-04-03 19:51:45    评论:0点击:

三、Angular4.x需要掌握的内容
 
01 Angular4.x介绍以及和vue、react对比
 
        一、Angular4.x介绍? 

二、TypeScript介绍 

三、Angular4.x能干什么? 

四、Angular4.x 、Vue2.x、React 15.x.x对比 

五、Angular4.x 开发工具介绍 

 
02 Angular4.x 安装使用目录结构以及启动分析
 
一、安装最新版本的nodejs 
二、全局安装 Angular CLI 脚手架工具(只需要安装一次) 
三、创建项目 
四、目录结构分析 
五、Hello Angular 4.0  以及 app.module.ts、组件分析
 
03 Angular4.x  创建组件 、Angular4绑定数据、Angular4绑定属性、Angular4数据循环(上)
 
一、创建angualr组件 
二、angualr4.0绑定数据 
三、数据循环  *ngFor 
四、条件判断  *ngIf 
五、执行事件   (click)=”getData()” 
六、绑定属性 
七、表单处理 
八、双向数据绑定 
九、Todolist功能
 
04 Angular4.x组件 声明属性 、Angular4绑定数据、Angular4 绑定属性 、Angular4条件判断、、Angular4事件、、Angular4表单处理、、Angular4双向数据绑定(中)
 
一、创建angualr组件 
二、angualr4.0绑定数据 
三、数据循环  *ngFor 
四、条件判断  *ngIf 
五、执行事件   (click)=”getData()” 
六、绑定属性 
七、表单处理 
八、双向数据绑定 
九、Todolist功能
 
05 Angular4.x组件 声明属性 绑定数据 绑定属性 数据循环项目 toDolist(下)
 
 一、Angular4 Todolist功能
 
 
06 Angular4.x中的服务
 
一、Angualr CLI创建服务 
二、创建服务命令 
三、app.module.ts里面引入创建的服务 
四、使用的页面引入服务,注册服务 
 
07 Angular4.x请求数据(上)
 
一、app.module.ts注册HTTP JSONP服务 
二、通过 Http、Jsonp请求数据、不用RxJs 
三、通过 Http、Jsonp请求数据、使用RxJs 

08 Angular4.x请求数据(下)
 
一、app.module.ts注册HTTP JSONP服务 
二、通过 Http、Jsonp请求数据、不用RxJs 
三、通过 Http、Jsonp请求数据、使用RxJs
 
09 Angular4.x父子组件的传值
 
一、父组件给子组件传值 -@Input 
二、父子组件传值的方式让子组件执行父组件的方法 
三、子组件通过@Output执行父组件的方法 
四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一) 
五、父组件通过ViewChild主动获取子组件的数据和方法
 
10 Angular4.x 中的路由父子路由
 
一、父组件给子组件传值 -@Input 
二、父子组件传值的方式让子组件执行父组件的方法 
三、子组件通过@Output执行父组件的方法 
四、父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法(一) 
五、父组件通过ViewChild主动获取子组件的数据和方法
 
11 angular4.x 中的路由 --routing生成路由 配置路由 路由重定向(1)
 
一、Angular命令创建一个配置好路由的项目 
二、Angula4.x在已有的项目中配置路由 
三、Angular  routerLink页面跳转  默认跳转路由 
四、Angular routerLinkActive设置routerLink默认选中路由 
五、路由的动态传值 
六、路由的js跳转 
七、路由的js跳转 get传值 
八、父子路由 
 
12 angular4.x 中已经存在的项目配置路由、路由选中、动态路由(2)
 
一、Angular命令创建一个配置好路由的项目 
二、Angula4.x在已有的项目中配置路由 
三、Angular  routerLink页面跳转  默认跳转路由 
四、Angular routerLinkActive设置routerLink默认选中路由 
五、路由的动态传值 
六、路由的js跳转 
七、路由的js跳转 get传值 
八、父子路由  
 

 

13 angular4.x 中路由的js跳转(3)

 

  

 

14 angular4.x中路由的Get传值和获取传值(4)

 

    
15 angular4.x路由的嵌套 父子路由(5)
 
一、Angular4.x路由嵌套 
二、Angula4.x路由嵌套后台管理系统框架搭建 
 
 
16 angular5.x UI框架ant desigin介绍 安装 使用 按钮  图标 Layout 布局

一、 Angular5 UI库Ant Desigin介绍    
二、 Angular5 擅长做什么?    
三、 Angular5 UI库Ant Desigin安装使用

 

17 angular5.x ant desigin Layout 布局组件 搭建企业级后台管理系统(1)
 
 
18 angular5.x ant desigin Layout 布局 表格组件 搭建企业级后台管理系统用户列表(2)
 
 
19 angular5.x ant desigin Layout 布局组件 表格组件 搭建企业级后台管理系统 ajax分页请求数据(3)
 
 
20 angular5.x UI框架ant desigin input raido select checkbox  日期DatePicker的使用以及双向数据绑定获取表单数据

一、 Input输入框    
二、 Radio 单选框    
三、 Checkbox复选框    
四、 DatePicker日期    
五、 Select 选择器  
 

 

 21 angular5.x 富文本编辑器ngx-quill插件的使用 以及 angualr5.x实现图片上传

一、 Angular5.x 富文本编辑器
二、 Angular5.x 图片Base64编码上传

 

 22 [扩展】 angular5.x UI框架 Element UI的使用

       一、饿了么开源框架Element Ui介绍

          二、 element-angular的安装 引入  使用

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权