随笔分类 -  AngularJS历练讲解

1、AngularJS通过新的属性和表达式扩展了HTML。 2、AngularJS可以构建一个单一页面的应用程序(SPAs:Single Page Applications)。
摘要:{{x.name+" "+x.age}} ... 阅读全文
posted @ 2015-12-18 23:13 melao2006 编辑
摘要:在大型的应用程序中,通常是把控制器存储在外部的文件中。 名: 姓: 名字为:{{fullName()}} ... 阅读全文
posted @ 2015-12-18 22:50 melao2006 编辑
摘要:AngularJS 控制器也有方法(变量和函数) 名: 姓: 名字为:{... 阅读全文
posted @ 2015-12-18 22:14 melao2006 编辑
摘要:1、AngularJS控制器 控制AngularJS应用程序的数据。2、AngularJS控制器是常规的Javascript对象。3、AngularJS应用程序由控制器所控制。4、data-ng-controller指令定义了应用程序的控制器。5、控制器是Javascript对象,由标准的JavaS... 阅读全文
posted @ 2015-12-18 09:30 melao2006 编辑
摘要:data-ng-repeat指令对于集合中的每一项会克隆一次HTML元素。 阅读全文
posted @ 2015-12-17 22:14 melao2006 编辑
摘要:1、data-ng-model指令将元素的值绑定到应用程序。2、data-ng-moel指令还可以应用如下:为应用程序数据提供类型验证(number、email、required)为应用程序数据提供类型状态(invalid,dirty,touched,error)为HTML元素提供CSS类绑定HTM... 阅读全文
posted @ 2015-12-17 22:11 melao2006 编辑
摘要:1、data-ng-init指令为AngularJS应用程序定义了一个初始值。2、通常情况下,data-ng-init指令并不常用,将会使用控制器或模块来代替它。 阅读全文
posted @ 2015-12-17 22:04 melao2006 编辑
摘要:循环数组对象 {{n.name+" "+n.age}} ... 阅读全文
posted @ 2015-12-17 21:47 melao2006 编辑
摘要:data-ng-repeat指令会重复一个HTML元素 使用data-ng-repeat指令来循环数组 {{x}} ... 阅读全文
posted @ 2015-12-17 21:45 melao2006 编辑
摘要:AngularJS中的数据绑定,同步了AngularJS表达式和AngularJS数据。 AngularJS数据绑定:价格计算器 数量: 价格: 总价为:... 阅读全文
posted @ 2015-12-17 21:21 melao2006 编辑
摘要:1、AngularJS 指令是扩展的HTML属性,带有前缀的ng-。2、ng-app指令初始化一个AngularJS应用程序。3、ng-init指令初始化应用程序数据。4、ng-modal指令把元素值绑定应用程序。5、ng-bind指令把应用程序数据绑定给HTML元素。 ... 阅读全文
posted @ 2015-12-14 22:58 melao2006 编辑
摘要:AngularJS数组就像Javascript数组 输出数组中的第二位:{{points[1]}} 使用data-ng-bind的相同实例--> ... 阅读全文
posted @ 2015-12-13 22:28 melao2006 编辑
摘要:AngularJS对象就像JavaScript对象 输出名为:{{preson.lastname}} 使用data-ng-bind的相同实例--> ... 阅读全文
posted @ 2015-12-13 22:16 melao2006 编辑
摘要:AngularJS字符串就像是JavaScript字符串 输出名字:{{firstname +" "+ lastname}}; --> 输出名字... 阅读全文
posted @ 2015-12-13 22:01 melao2006 编辑
摘要:AngularJS数字就像JavaScript数字AngularJS实例: 总价:{{quantity*const}} --> 总价: ... 阅读全文
posted @ 2015-12-12 23:38 melao2006 编辑
摘要:AngularJS 使用表达式把数据绑定到HTML,它与ng-bind异曲同工之妙。AngularJS 表达式写在双大括号内:{{expression}}。AngularJS 将在书写表达式的位置“输出”结果。AngularJS 表达式很像JavaScript表达式,它可以包含文字,运算符,变量。实... 阅读全文
posted @ 2015-12-12 23:37 melao2006 编辑
摘要:AngularJS模块(Module)定义了AngularJS的应用。AngularJS控制器(Controller)用于控制AngularJS应用。ng-app指令定义了应用,ng-controller指令定义了控制器。AngularJS实例: ... 阅读全文
posted @ 2015-12-12 23:12 melao2006 编辑
摘要:在输入框中输入试一下: 阅读全文
posted @ 2015-12-12 22:04 melao2006 编辑
摘要:1、AngularJS 表达式写在双大括号内:{{expression}}。2、AngularJS 表达式把数据绑定到HTML,这个与ng-bind指令有异曲同工之妙。3、AngularJS 将在表达式书写的位置“输出”数据。4、AngularJS 表达式很像JavaScript表达式:它们可以包含... 阅读全文
posted @ 2015-12-09 22:24 melao2006 编辑