angularjs怎么监听事件

var watch = $scope.$watch('name',function(newValue,oldValue, scope){

console.log(newValue)

console.log(oldValue)

})

$watch 方法在用的时候主要是手动的监听一个对象，但对象发生变化时触发某个事件。

需要被检测的对象,可以是以下任意一种:

1.某个数据,监测这个数据的值是否发生变化；

2.一条angular表达式,监测表达式的结果是否发生变化；

3.函数(),监测函数的返回值是否发生变化；

注意:以上都是字符串格式,并且都是在 $scope 作用域下执行的。

监听到变化时执行的函数。

1.newValue: watchObj的新的值；

2.oldValue: watchObj的旧的值；

3.scope: 就是当前控制器的 $scope ；

注意:函数或者表达式不是在 $scope 作用域下执行的,所以,如果是需要调用当前作用域下的某个函数,应该是 scope.watchCallback

布尔值，是否深度监听。

ifDeep值设置为true, 那么angular会检测被监控对象的每个属性是否发生了变化。

1.$watch 单一的变量

2.$watch 多个变量

3.$watch对象或数组

4.$watch 函数的返回结果

1. $observe 是angular指令中link函数第三个参数 ( attrs ) 的一个方法. 只能在指令的link函数中使用它. 它是通过 $evalAsync 函数实现监控的。

2. $watchGroup 是用来监听一组表达式。数组中任意表达式的变化都会触发监听函数。

3. $watchCollection 用来监听一个对象（包括数组）， 当这个对象的任意属性发生变化时，触发监听函数。和 $watch 一样，第一次参数可以是一个返回一个对象的函数。

4. $observe, $watch, $watchGroup, $watchCollection 都返回一个移除监听的函数。当需要取消监听的时候，直接调用。

1. $parse,$eval 这两个函数都可以解析表达式的值。它们的区别在于 $parse 是一个服务，可以注入使用。 $eval 是 $scope 对象上的一个方法，我们只能在能访问 $scope 的场景下使用它。

2. $evalAsync 和 $eval 一样用来解析表达式的值。但它并不会立刻计算表达式的值，而是将表达式缓存起来，等到下一次 $digest （脏检查 ）的时候执行。以获取更好的性能。

---