首页 > 课程库 > AngularJS从入门到实战
AngularJS从入门到实战

AngularJS从入门到实战

学会正确的使用AngularJs框架,可以熟练运用AngularJs框架开发实际项目。

Web前端开发

15章节|22045次播放

查看课程视频学习交流群
486792092

6小时学习时长
更全面的职业课程大纲立即查看
  • 学习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_素材文件和源代码
    下载
Web前端开发李伟老师

李伟老师

TA的课程

8年WEB开发经验,曾就职于智联招聘,高级软件工程师,参与重构和开发了新版校园招聘系统,现在就职于益盟操盘手爱炒股事业部,负责公司项目的开发和重构。

更专业的职业课程

Web前端开发22734位同学正在学习

Web前端开发

一名课程顾问想与您沟通

免费电话咨询