摘要: 本篇主要介绍angular中的表单验证: 表单验证主要有以下一些内容: 1. required指令: 相当于html5的required属性,验证不能为空 2. ng-maxlength属性: 验证内容的长度最大值 3. ng-minlength属性: 验证内容的长度最小值 4. 表单名.$vali 阅读全文
posted @ 2017-07-19 15:54 铭绘 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 使用angular指令可以自己扩展html语法,还可以做很多自定义的事情.在后面会专门讲解这一块的知识,这一篇只是起到了解入门的作用. 与控制器,过滤器,服务,一样,可以通过模块实例的directive的方法来创建指令: var someModule = angular.module('SomeMo 阅读全文
posted @ 2017-07-19 15:45 铭绘 阅读(444) 评论(0) 推荐(0) 编辑
摘要: 本篇介绍angular中如何通过判断url的hash值来显示不同的视图模板,并使用不同的控制器: 下面,通过一个例子,来一步一步说明它的用法: 我们要做一个邮箱应用,打开的时候显示的是邮件列表: 然后点击邮件主题,可以查看该邮件的详细内容: 点击返回列表,再回到列表页 一. 创建index页面: 这 阅读全文
posted @ 2017-07-19 15:26 铭绘 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 本篇主要介绍angular自定义的过滤器: 直接看例子: 1. 首先要创建一个模块: MyFilter 2. 给模块添加一个过滤器: titleCase 创建过滤器的格式如下: .filter的第一个参数为过滤器的名字,也就是在{{}}里面使用的名字,第二个参数是一个函数,函数需要再返回一个函数,被 阅读全文
posted @ 2017-07-19 15:14 铭绘 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 什么是 '服务' 呢? 看一下下面这个例子: 比如一个购物车的应用: 那么,如果我在其它的控制器里也需要同样的一组数据,那么,我还得在另外的控制器里写一遍一样的代码,用于获取这组数据, 这样不利于维护修改,因此,我们就可以把 '获取这一段数据' 这个功能给封装成一个 '服务' , 这样就可以在多个不 阅读全文
posted @ 2017-07-19 14:41 铭绘 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 下面来看一个$watch的比较复杂的例子: 购物车例子, 给它添加一个计算总价和折扣的功能,如果总价超过500,则优惠10%: 代码如下: 把需要计算的三个数据: 总价,折扣,现价,放在一个bill对象中, 监测商品列表items数组的变化,设置$watch的第三个参数为true,这样,商品的数据一 阅读全文
posted @ 2017-07-19 14:32 铭绘 阅读(164) 评论(0) 推荐(0) 编辑
摘要: $watch是所有控制器的$scope中内置的方法: $scope.$watch(watchObj,watchCallback,ifDeep) watchObj: 需要被检测的对象,可以是以下任意一种: 1. 某个数据,监测这个数据的值是否发生变化 2. 一条angular表达式,监测表达式的结果是 阅读全文
posted @ 2017-07-19 14:31 铭绘 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 再来看一个选择li列表的例子: 点击li中的任意项,被点击的li高亮显示: 阅读全文
posted @ 2017-07-19 14:00 铭绘 阅读(1686) 评论(0) 推荐(0) 编辑