12 2015 档案

摘要:名: 姓: Reset User:{{us... 阅读全文
posted @ 2015-12-31 16:04 melao2006 编辑
摘要:名: 姓: {{fullName()}} myApp.jsvar app ... 阅读全文
posted @ 2015-12-31 15:12 melao2006 编辑
摘要:名: 姓: {{fName+lName}} 阅读全文
posted @ 2015-12-31 15:07 melao2006 编辑
摘要:隐藏/显示 名: 姓: {{fName+" "+lName}} ... 阅读全文
posted @ 2015-12-30 22:07 melao2006 编辑
摘要:隐藏/显示 名: 姓: {{fName+" "+lName}} ... 阅读全文
posted @ 2015-12-30 22:05 melao2006 编辑
摘要:点击计算 {{count}} 阅读全文
posted @ 2015-12-30 21:38 melao2006 编辑
摘要:选中复选框我就消失 阅读全文
posted @ 2015-12-30 17:05 melao2006 编辑
摘要:选中复选框我就显示 阅读全文
posted @ 2015-12-30 17:02 melao2006 编辑
摘要:按钮 {{mySwitch}} 阅读全文
posted @ 2015-12-30 16:48 melao2006 编辑
摘要:{{$index+1}} {{$index+1}} {{x.l... 阅读全文
posted @ 2015-12-30 14:51 melao2006 编辑
摘要:{{$index+1}}{{x.liaohao|uppercase}}{{x.xinghao}} ... 阅读全文
posted @ 2015-12-30 14:21 melao2006 编辑
摘要:{{x.liaohao|uppercase}}{{x.xinghao}} ... 阅读全文
posted @ 2015-12-30 14:15 melao2006 编辑
摘要:{{x.liaohao}}{{x.xinghao}} ... 阅读全文
posted @ 2015-12-30 14:08 melao2006 编辑
摘要:{{x.liaohao}}{{x.xinghao}} ... 阅读全文
posted @ 2015-12-30 14:01 melao2006 编辑
摘要:{{x.liaohao}}{{x.xinghao}} ... 阅读全文
posted @ 2015-12-30 13:51 melao2006 编辑
摘要:{{x.liaohao+" "+x.xinghao}} json.json { "records": [ ... 阅读全文
posted @ 2015-12-30 11:26 melao2006 编辑
摘要:{{x.name+" "+x.age}} 阅读全文
posted @ 2015-12-29 17:55 melao2006 编辑
摘要:{{x.name+" "+x.age}} 阅读全文
posted @ 2015-12-29 17:49 melao2006 编辑
摘要:数量: 价格: 总价格为:{{number*price|currency}} 阅读全文
posted @ 2015-12-29 17:29 melao2006 编辑
摘要:{{language | lowercase}} 阅读全文
posted @ 2015-12-28 22:59 melao2006 编辑
摘要:{{language | uppercase}} 阅读全文
posted @ 2015-12-28 22:58 melao2006 编辑
摘要:{{x.name+" "+x.age}} 阅读全文
posted @ 2015-12-28 22:45 melao2006 编辑
摘要:名: 姓: 名字:{{fullName()}} presonCtrl.jsangular.module("personApp", []).controller("personCtr... 阅读全文
posted @ 2015-12-28 22:36 melao2006 编辑
摘要:名: 姓: 名字:{{fullName()}} 阅读全文
posted @ 2015-12-28 22:28 melao2006 编辑
摘要:名: 姓: 名字:{{fullName()}} 阅读全文
posted @ 2015-12-28 22:18 melao2006 编辑
摘要:名: 姓: 名字:{{fName+lName}} 阅读全文
posted @ 2015-12-28 22:10 melao2006 编辑
摘要:使用 ng-repeat 来循环数组对象 {{x.name+"、 "+x.country}} 阅读全文
posted @ 2015-12-28 21:32 melao2006 编辑
摘要:使用 ng-repeat 来循环数组 {{x}} 阅读全文
posted @ 2015-12-27 22:36 melao2006 编辑
摘要:计算价格 数量: 价格: 总价为:{{quantity*price | currency}} 阅读全文
posted @ 2015-12-27 22:29 melao2006 编辑
摘要:在输入框中尝试输入 框架为: 你输入的是:{{language}} 阅读全文
posted @ 2015-12-27 22:12 melao2006 编辑
摘要:索引为5的是:{{ language[5] }}--> 索引为5的是: 阅读全文
posted @ 2015-12-27 21:13 melao2006 编辑
摘要:索引为5的是:{{ language[5] }} 阅读全文
posted @ 2015-12-27 21:12 melao2006 编辑
摘要:Html前端:{{language.lang1+" "+language.lang2}}--> Html前端: 阅读全文
posted @ 2015-12-27 21:04 melao2006 编辑
摘要:Html前端:{{language.lang1+" "+language.lang2}} Html前端:--> 阅读全文
posted @ 2015-12-27 21:03 melao2006 编辑
摘要:网名为: 网名为:{{fName+lName}}--> 阅读全文
posted @ 2015-12-27 20:55 melao2006 编辑
摘要:网名为: 网名为:{{fName+lName}} 阅读全文
posted @ 2015-12-27 20:45 melao2006 编辑
摘要:总价为: 阅读全文
posted @ 2015-12-27 20:42 melao2006 编辑
摘要:总价为:{{quantity * cost}} 阅读全文
posted @ 2015-12-27 20:40 melao2006 编辑
摘要:不使用data-ng-app指令,表达式原样输出,不会被AngularJS解析 {{2+5}} 阅读全文
posted @ 2015-12-27 20:34 melao2006 编辑
摘要:{{2+5}} 阅读全文
posted @ 2015-12-27 20:30 melao2006 编辑
摘要:名: ... 阅读全文
posted @ 2015-12-27 20:17 melao2006 编辑
摘要:网名为: 阅读全文
posted @ 2015-12-27 19:53 melao2006 编辑
摘要:我的第一个AngularJS表达式实例:{{2015+2016}} 阅读全文
posted @ 2015-12-27 19:49 melao2006 编辑
摘要:1、标签对表单中的相关元素进行分组。2、标签会在相关表单元素周围绘制边框。 个人信息: 姓名: 年龄: 职务: 地址: 阅读全文
posted @ 2015-12-27 18:43 melao2006 编辑
摘要:在AngularJS中,你可以在html中包含html文件。 阅读全文
posted @ 2015-12-27 13:37 melao2006 编辑
摘要:1、AngularJS表单和控件可以验证输入的数据,对用户输入的非法数据进行警告。2、客户的验证不能确保用户输入数据的安全,服务器的验证也是必须的。 用户名:用户名是必须的。 ... 阅读全文
posted @ 2015-12-25 15:45 melao2006 编辑
摘要:1、AngularJS表单是输入控件的集合。2、HTML控件,以下Html元素被称为HTML控件:input元素,select元素,button元素,textarea元素。3、HTML表单通常与THML控件同时存在。 ... 阅读全文
posted @ 2015-12-25 15:34 melao2006 编辑
摘要:1、通常angularJS应用程序将模块和控制器包含在JavaScript文件中。2、在模块的定义中[]参数是用来表示模块的依赖关系。3、中括号[]为空,表示该模块没有依赖关系,如果有依赖关系的话会在中括号里内写上有依赖的模块名称。4、JavaScript中避免使用全局函数,因为它们很容易会被其它的... 阅读全文
posted @ 2015-12-25 12:01 melao2006 编辑
摘要:在AngularJS应用程序中,通常是把模块和控制器包含在javascript文件中. 名: 姓: {{fullName()}} ... 阅读全文
posted @ 2015-12-25 11:40 melao2006 编辑
摘要:1、模块定义了一个应用程序2、模块是应用程序中不同部分的容器3、模块是应用控制器的容器4、控制器通常属于一个模块 {{fullName()}} ... 阅读全文
posted @ 2015-12-24 23:01 melao2006 编辑
摘要:data-ng-show指令用来隐藏或显示应用中一部份HTML元素 隐藏/显示 ... 阅读全文
posted @ 2015-12-24 22:07 melao2006 编辑
摘要:data-ng-hide 指令用来隐藏或显示HTML元素 隐藏/显示 名: 姓:... 阅读全文
posted @ 2015-12-24 21:45 melao2006 编辑
摘要:1、AngularJS有自己的HTML事件指令2、ng-click指令定义了AngularJS点击事件 点击我 {{count}} ... 阅读全文
posted @ 2015-12-22 10:43 melao2006 编辑
摘要:1、API意为Application Programming Interface(应用程序编程接口)。2、AngularJS全局API用于执行常见的Javascript函数集合,如:比较对象转换对象迭代对象3、全局API函数使用AngularJS对象进行访问。4、下面列出了一些通用的API函数API... 阅读全文
posted @ 2015-12-21 17:02 melao2006 编辑
摘要:我是可见的。 我是不可见的。 阅读全文
posted @ 2015-12-19 22:56 melao2006 编辑
摘要:data-ng-show 指令用来隐藏或显示一个HTML元素 我是可见的。 我是不可见的。 阅读全文
posted @ 2015-12-19 22:50 melao2006 编辑
摘要:AngularJS为HTML Dom元素属性提供了绑定应用数据的指令。data-ng-disabled指令直接提供了绑定应用程序的数据到HTML元素的disabled属性。 点进我试试! 按钮 ... 阅读全文
posted @ 2015-12-19 22:39 melao2006 编辑
摘要:data-ng-repeat指令可以完美的显示表格。使用AngularJS显示表格是是非常简单的。 {{$in... 阅读全文
posted @ 2015-12-19 21:07 melao2006 编辑
摘要:$http是AngularJS中的一个核心服务,用于读取远程服务器的数据。 {{x.Name+" "+x.... 阅读全文
posted @ 2015-12-19 19:50 melao2006 编辑
摘要:输入过滤器可以通过一个管道字符和一个过滤器添加到指令中,该过滤器后面跟着一个冒号:冒号后面是一个模型名称。 ... 阅读全文
posted @ 2015-12-19 19:02 melao2006 编辑
摘要:orderBy过滤器根据表达式排列数组: {{x.name+" "+x.age}} ... 阅读全文
posted @ 2015-12-19 18:32 melao2006 编辑
摘要:数量: 价格: 总价格为:{{quantity*price | currency}} ... 阅读全文
posted @ 2015-12-19 18:06 melao2006 编辑
摘要:过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中历练实例: 格式化字符串 {{lang | uppercase}} ... 阅读全文
posted @ 2015-12-19 11:43 melao2006 编辑
摘要:AngularJS过滤器可以使用一个管道字符(|)添加到表达式或指令中。AngularJS过滤器可以用于转换数据。过滤器描述currency格式化数字为货币格式filter从数组项中选择一个子集lowercase格式化字符串为小字uppercase格式化字符串为大字orderBy根据某个表达式排列数... 阅读全文
posted @ 2015-12-19 09:42 melao2006 编辑
摘要:{{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 编辑
摘要:1、data-ng-app指令定义了一个AngularJS应用程序的根元素。2、data-ng-app会在页面加载完毕后自动进行初始化应用程序。3、data-ng-app可以通过一个值连接到代码模块(data-ng-app="myModaule")。 阅读全文
posted @ 2015-12-17 22:00 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 编辑
摘要:正如您所看到的,AngularJS指令是以ng作为前缀的html属性,ng-init指令初始化AngularJS应用程序变量。 名字: 提示:HTML5允许扩展的属性,以data开头,AngularJS属性是ng开头,您可以使用data-ng-来让网页对... 阅读全文
posted @ 2015-12-08 23:05 melao2006 编辑
摘要:AngularJS使得开发现代的单一页面应用程序(Single Page Applictions)变得更加容易。1、AngularJS把应用程序数据绑定到HTML元素2、AngularJS可以克隆和重复HTML元素3、AngularJS可以隐藏或显示HTML元素4、AngularJS可以在HTML元... 阅读全文
posted @ 2015-12-08 22:39 melao2006 编辑
摘要:AngularJS 简介AngularJS是一个JavaScript框架,它可以通过script标签添加到HTML页面。AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML。AngularJS是一个JavaScript框架AngularJS是一个JavaScript框架,它是以j... 阅读全文
posted @ 2015-12-07 23:08 melao2006 编辑
摘要:1、AngularJS通过新的属性和表达式扩展了HTML。2、AngularJS可以构建一个单一页面的应用程序(SPAs:Single Page Applications)。 阅读全文
posted @ 2015-12-06 22:48 melao2006 编辑
摘要:语法1、用两个空格来代替制表符(Tab)--这是唯一能保证在所有的环境下获得一致展现的方法。2、嵌套元素应当缩进一次(即两个空格)。3、对于属性的定义,属性值确保全部都用双引(避免使用单引号)。4、不要在自动闭合元素后面加上斜线--HTML5规范中明确说明这是可选的。5、不要省略可选的结束标签。实例... 阅读全文
posted @ 2015-12-06 21:45 melao2006 编辑
摘要:土耳其方面击落俄罗斯战机的事件仍在继续发酵的同时,伊拉克方面5日也向土耳其表达了强烈不满,指责后者的地面部队在未经允许的情况下进入了伊拉克。 ... 阅读全文
posted @ 2015-12-06 13:27 melao2006 编辑
摘要:Chrome Firefox Safari Opera IE ... 阅读全文
posted @ 2015-12-05 23:50 melao2006 编辑
摘要:Bootstrap历练实例:轮播(carousel) ... 阅读全文
posted @ 2015-12-05 21:40 melao2006 编辑
摘要:Bootstrap历练实例:响应式导航(带有表单) 切换导航 ... 阅读全文
posted @ 2015-12-03 23:05 melao2006 编辑
摘要:1、添加.navbar-fixed-top类可以让导航条固定的页面的顶部,固定的导航条会遮住页面上其它的内容,除非给body元素设置padding,导航条默认高度为50px ,因此可以给body元素设置body{padding-top:70px}2、导航条是在应用或网站中作为导航页头的响应式基础组件... 阅读全文
posted @ 2015-12-03 22:22 melao2006 编辑
摘要:解析html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。 阅读全文
posted @ 2015-12-03 21:05 melao2006 编辑
摘要:Bootstrap历练实例:响应式导航 切换导航 ... 阅读全文
posted @ 2015-12-02 23:22 melao2006 编辑
摘要:bootstrap 附加导航(Affix)插件允许某个div元素固定到页面中的某个位置。您可以打开或关闭使用该插件之间进行切换后续再写 阅读全文
posted @ 2015-12-01 15:34 melao2006 编辑
摘要:事件下表列出了轮播(Carousel)插件中要用到的事件。这些事件可在函数中当钩子使用。事件描述实例slide.bs.carousel当调用 slide 实例方法时立即触发该事件。$('#identifier').on('slide.bs.carousel', function () { // 执... 阅读全文
posted @ 2015-12-01 14:25 melao2006 编辑
摘要:方法下面是一些轮播(Carousel)插件中有用的方法:方法描述实例.carousel(options)初始化轮播为可选的 options 对象,并开始循环项目。$('#identifier').carousel({ interval: 2000}).carousel('cycle')从左到右循环... 阅读全文
posted @ 2015-12-01 14:19 melao2006 编辑
摘要:轮播插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是非常灵活的。可是图像,内嵌框架,视频或者其它您想的放置任何内容的类型。下面是一个简单的幻灯片,使用轮播(carousel)插件显示一个循环播放元素的通用组件,为了现实轮播,您只需要添加带有标签的代码即可。实例: ... 阅读全文
posted @ 2015-12-01 14:18 melao2006 编辑