上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页
摘要: 本篇主要介绍angular使用指令修改DOM:使用angular指令可以自己扩展html语法,还可以做很多自定义的事情.在后面会专门讲解这一块的知识,这一篇只是起到了解入门的作用.与控制器,过滤器,服务,一样,可以通过模块实例的directive的方法来创建指令:var someModule = a... 阅读全文
posted @ 2014-05-27 11:15 诗&远方 阅读(2556) 评论(0) 推荐(1) 编辑
摘要: 本篇介绍angular中如何通过判断url的hash值来显示不同的视图模板,并使用不同的控制器:下面,通过一个例子,来一步一步说明它的用法:我们要做一个邮箱应用,打开的时候显示的是邮件列表:然后点击邮件主题,可以查看该邮件的详细内容:点击返回列表,再回到列表页一. 创建index页面: 14.1路... 阅读全文
posted @ 2014-05-23 13:46 诗&远方 阅读(2066) 评论(1) 推荐(1) 编辑
摘要: 本篇主要介绍angular自定义的过滤器:直接看例子: 13.2过滤器 {{title_1 | titleCase: 1 }} {{title_2 | titleCase: 2 }}var myFilter = angular.module('MyFilter',[]);m... 阅读全文
posted @ 2014-05-21 17:24 诗&远方 阅读(993) 评论(1) 推荐(2) 编辑
摘要: 本篇主要介绍过滤器的基本用法:过滤器用来对数据进行格式的转换,数据格式的转化与逻辑无关,因此,我们使用过滤器来进行这些操作:{{expression | filter1:,参数1,参数2... | filter2: 参数1,参数2... }}expression : 表达式,也就是还没有经过过滤的变... 阅读全文
posted @ 2014-05-21 15:34 诗&远方 阅读(2824) 评论(0) 推荐(2) 编辑
摘要: 本篇介绍angular中的模块:module在笔记(二)http://www.cnblogs.com/liulangmao/p/3711047.html里已经讲到过模块,这篇主要讲模块的 '服务' 功能:什么是 '服务' 呢? 看一下下面这个例子:比如一个购物车的应用:function ItemsV... 阅读全文
posted @ 2014-05-14 16:26 诗&远方 阅读(3491) 评论(3) 推荐(6) 编辑
摘要: 如果需要同时监测多个属性或者对象,并且执行的是同样的回调,可以有两种选择:1. 监测这些属性连接起来之后的值:$scope.$watch('objOne.a+objTwo.b+...', watchCallback);这个表达式可以无限长,但如果非常长的时候,应该把它们放在一个函数的返回值里,而不是... 阅读全文
posted @ 2014-05-12 16:32 诗&远方 阅读(976) 评论(0) 推荐(1) 编辑
摘要: 同样的例子,还可以这样写: 11.3$watch监控数据变化 your shopping cart {{item.title}} {{item.price|currency}} {{item.price*item.quantity... 阅读全文
posted @ 2014-05-12 16:18 诗&远方 阅读(1042) 评论(0) 推荐(0) 编辑
摘要: 下面来看一个$watch的比较复杂的例子:还是回到http://www.cnblogs.com/liulangmao/p/3700919.html一开始讲的购物车例子,给它添加一个计算总价和折扣的功能,如果总价超过500,则优惠10%:代码如下: 11.1$watch监控数据变化 y... 阅读全文
posted @ 2014-05-12 14:46 诗&远方 阅读(1547) 评论(0) 推荐(2) 编辑
摘要: 本篇主要介绍$watch的基本概念:$watch是所有控制器的$scope中内置的方法:$scope.$watch(watchObj,watchCallback,ifDeep)watchObj:需要被检测的对象,可以是以下任意一种:1. 某个数据,监测这个数据的值是否发生变化2. 一条angular... 阅读全文
posted @ 2014-05-12 10:29 诗&远方 阅读(7399) 评论(0) 推荐(1) 编辑
摘要: 本篇主要介绍控制器的$scope中的数据是如何被改变的:以下三种方法,都可以改变$scope中的number值:1. 表达式:点击改变值12. 回调函数:点击改变值2 $scope.computeNum = function(){ $scope.number = $scope.nu... 阅读全文
posted @ 2014-05-10 13:03 诗&远方 阅读(1161) 评论(0) 推荐(2) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页