【angular学习笔记(十四)-$watch(3)】的更多相关文章

【转】angular学习笔记(十四)-$watch(1)

本篇主要介绍$watch的基本概念: $watch是所有控制器的$scope中内置的方法: $scope.$watch(watchObj,watchCallback,ifDeep) watchObj: 需要被检测的对象,可以是以下任意一种: 1. 某个数据,监测这个数据的值是否发生变化 2. 一条angular表达式,监测表达式的结果是否发生变化 3. 函数(),监测函数的返回值是否发生变化 注意,以上三种,无论是哪种,都应该是字符串格式,并且都是在$scope作用域下执行的. 4.函数,非字符…

angular学习笔记(十四)-$watch(1)

本篇主要介绍$watch的基本概念: $watch是所有控制器的$scope中内置的方法: $scope.$watch(watchObj,watchCallback,ifDeep) watchObj: 需要被检测的对象,可以是以下任意一种: 1. 某个数据,监测这个数据的值是否发生变化 2. 一条angular表达式,监测表达式的结果是否发生变化 3. 函数(),监测函数的返回值是否发生变化 注意,以上三种,无论是哪种,都应该是字符串格式,并且都是在$scope作用域下执行的. 4.函数,非字符…

angular学习笔记(十四)-$watch(3)

同样的例子,还可以这样写: <!DOCTYPE html> <html ng-app> <head> <title>11.3$watch监控数据变化</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="script.js"><…

angular学习笔记(十四)-$watch(2)

下面来看一个$watch的比较复杂的例子: 还是回到http://www.cnblogs.com/liulangmao/p/3700919.html一开始讲的购物车例子, 给它添加一个计算总价和折扣的功能,如果总价超过500,则优惠10%: 代码如下: <!DOCTYPE html> <html ng-app> <head> <title>11.1$watch监控数据变化</title> <meta charset="utf-8&…

angular学习笔记(十四)-$watch(4)

如果需要同时监测多个属性或者对象,并且执行的是同样的回调,可以有两种选择: 1. 监测这些属性连接起来之后的值: $scope.$watch('objOne.a+objTwo.b+...', watchCallback); 这个表达式可以无限长,但如果非常长的时候,应该把它们放在一个函数的返回值里,而不是写一个很长很长的表达式 2. 把需要被监测的属性放到一个数组或者对象里.给$watch传入第三个参数为true: $scope.$watch('obj',watchCallback,true)…

angular学习笔记(十五)-module里的'服务'

本篇介绍angular中的模块:module 在笔记(二)http://www.cnblogs.com/liulangmao/p/3711047.html里已经讲到过模块,这篇主要讲模块的 '服务' 功能: 什么是 '服务' 呢? 看一下下面这个例子: 比如一个购物车的应用: function ItemsViewController($scope){ //向服务器发起请求 //解析响应,获得数据 $scope.items = 获得的数据; } 那么,如果我在其它的控制器里也需要同样的一组数据,那…

angular学习笔记(十九)-指令修改dom

本篇主要介绍angular使用指令修改DOM: 使用angular指令可以自己扩展html语法,还可以做很多自定义的事情.在后面会专门讲解这一块的知识,这一篇只是起到了解入门的作用. 与控制器,过滤器,服务,一样,可以通过模块实例的directive的方法来创建指令: var someModule = angular.module('SomeModule',[]); someModule.directive('directiveName',function(){ return { link: f…

angular学习笔记(十六) -- 过滤器(2)

本篇主要介绍angular自定义的过滤器: 直接看例子: <!DOCTYPE html> <html ng-app="MyFilter"> <head> <title>13.2过滤器</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src=&…

angular学习笔记(十六) -- 过滤器(1)

本篇主要介绍过滤器的基本用法: 过滤器用来对数据进行格式的转换,数据格式的转化与逻辑无关,因此,我们使用过滤器来进行这些操作: {{... | filter2: 参数1,参数2... }} expression : 表达式,也就是还没有经过过滤的变量值,相当于普通的 {{}}里面的内容 filter1 : 过滤器的名字,可以是angular内置的过滤器,也可以自定义过滤器(在下一篇里讲解) 参数1,参数2,... : 需要被传递给过滤器函数的参数,可以有多个 过滤器可以通过 "|" 进…

angular学习笔记(十)-src和href处理

本篇主要介绍angular中图片的src和链接的href的处理: 用到了以下两个属性: ng-src: 绑定了数据的路径表达式 ng-href: 绑定了数据的路径表达式 例如: <!DOCTYPE html> <html ng-app> <head> <title>7.1src和href</title> <meta charset="utf-8"> <script src="../angular.j…