AngularJS从入门到实战

课程导师

雷晋宁 雷晋宁
曾任职千行集团的Web前端核心开发,精通高安防的Web前端研发,主导开发过最高人民法院安全项目,具有多年项目研发经验。
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
15.实战演练-购买下单页面开发(下)
离线学习

下载APP离线观看

技能补充更多
  • Java 语言基础
    Java 语言基础

    学习Java基本语法、变量、流程控制、修饰符、修饰符、继承、抽象、接口、数组、异常。

  • HTML5+CSS3快速入门
    HTML5+CSS3快速入门

    HTML5+CSS3是web前端开发的常用基础语言之一,本章将分别从html5相关元素及应用、css3相关元素及应用及html5+css3实战等方面进行介绍,快速入门html5+css3。

  • Javascript初步
    Javascript初步

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • Web前端开发之Ajax初步
    Web前端开发之Ajax初步

    麦子学院原创web前端开发常用技术 — ajax视频教程, 主要从ajax的运行环境、元素的应用、及其数据类型的运用等方面进行介绍和实战,让学员能快速入门并精通ajax的使用。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 学习AngularJS

    AngularJS入门

    AngularJs的简介1.它是一个Js的框架;2.它现在有两个版本,第二个版本和第一个版本区别很大更侧重于适应移动端;3.它是一个MVVM框架,可以让你更专注于页面逻辑开发,用数据驱动表现;4.它拥有路由、模块和控制器,更方便的开发单页应用SPA最熟悉的实例:HelloWorld1.传统的做法;2...

  • 学习AngularJS

    AngularJS语法介绍

    作业回顾将上节课的AngularJs模式部分的代码稍作修改,具体修改如下图所示:实例实例一:简单的表达式(字符串、数字)实例二:时间实例三:数组实例四:对象代码示例:<!doctype html> <html ng-app="lesson" ng-controller="lesson2" ng-i...

  • 学习AngularJS

    AngularJS简单数据绑定

    上节课家庭作业回顾我们修改上节课的代码,具体代码实现如图所示:执行结果:从上图中我们可以清晰的看到,时间在流动,这样我们就完成了上节课的家庭作业。上面的时间绑定的例子极其重要。实例1.实例一:第一节课内容的延展:组合绑定;2.实例二:简单的数组数据绑定;3.实例三:表格绑定。代码示例:<!docty...

  • 学习AngularJS

    AngularJS循环绑定

    上节课家庭作业回顾改写第三节课的代码,由于上节课的作业和本节课要讲的主要内容非常相近,我们就把代码放在一起来给大家演示。循环绑定的语法实际开发工作中最常碰到的例子:表格代码:<!doctype html> <html ng-app="lesson" ng-controller="lesson4">...

  • 学习AngularJS

    AngularJS事件绑定

    上节课家庭作业回顾为表格新增一个操作列,为每一行新增一个删除按钮,点击按钮则删除本行数据。AngularJs中的事件绑定1.绑定事件:表达式、事件方法名;2.绑定点击事件实例:显示、隐藏页面元素;3.元素内容改变事件:ng-change;4.按下按键事件:ng-keypress;5.提交表单事件:n...

  • 学习AngularJS

    AngularJS控制器

    上节课家庭作业回顾在一个ng-app当中去定义两个控制器。代码执行结果AngularJs中的控制器1.定义两个控制器;2.控制器间的通讯:继承方式通讯、基于事件方式(广播、向上传播、向下传播)。代码<!doctype html> <html ng-app="lesson" >   <head> ...

  • 学习AngularJS

    AngularJS表单开发

    上节课家庭作业回顾在AngularJs中定义一个控制器,而这个控制器当中,是一个简单的表单。AngularJs表单开发(基础应用)1.简单的表单提交;2.更多的表单元素;3.初始化表单;代码<!doctype html> <html ng-app="lesson" ng-controller="F...

  • 学习AngularJS

    AngularJS表单验证

    上节课家庭作业回顾表单的验证,看看表单验证中的问题。表单验证1.常规表单验证;2.AngularJs中提供的表单验证实例。实例代码<!doctype html> <html ng-app="lesson" ng-controller="FormCtrl" >   <head>   <meta ...

  • 学习AngularJS

    模块指令编写输入框

    上节课家庭作业回顾1.编写一个在表单中输入邮箱地址验证;2.在上节课代码的基础上进行的修改:执行结果1)正确的时候:2)错误的时候:3)未输入时:AngularJs模块化应用1.一个简单的模块指令;2.模块指令的一些注意点。实例<!doctype html> <html ng-app="lesso...

  • 学习AngularJS

    模块指令编写"点赞"

    上节课家庭作业回顾自己编写一个简单的模块指令。AngularJs模块化应用1.编写一个“点赞”的指令;2.模块指令的通讯。代码<!doctype html> <html ng-app="lesson" ng-controller="MainCtrl" >   <head>   <meta ht...

  • 学习AngularJS

    实战之订单绑定

    订单管理页面需求1.核心:订单管理数据结构;2.订单列表绑定。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson11">   <head>   <meta http-equiv="Content-Type" conte...

  • 学习AngularJS

    实战之订单查询

    订单管理页面需求1.核心:订单管理数据结构;2.订单列表绑定;3.订单查询;4.选中订单、订单操作、批量操作。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson12">   <head>   <meta http-eq...

  • 学习AngularJS

    实战之确认下单

    购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson13">   <head>   <meta http-equiv="Content-Type" conte...

  • 学习AngularJS

    实战之确认购买

    上节课回顾介绍了购买下单第一步,也就是确认购买的商品。购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步:确认购买商品;3.购买下单第二步:确认用户信息。实例代码<!doctype html> <html ng-app="lesson" ng-controller="lesson13">...

  • 学习AngularJS

    实战之确认支付

    上节课回顾1.第一节课介绍了用户在确认下单时候最重要的环节——确认购买商品;2.确认用户个人信息。购买下单页面需求1.确认下单页面数据结构;2.购买下单第一步:确认购买商品;3.购买下单第二步:确认用户信息;4.购买下单第三步:确认支付信息。实例代码<!doctype html> <html ng...

  • 3_课件

    3_课件

  • 4_素材文件和源代码

    4_素材文件和源代码

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

一名课程顾问想与您沟通

免费电话咨询