angular--$watch监视用法

$watch() 函数，用于监视模型数据的变化。

$watch(参数1,参数2,参数3)

参数1：监视的对象

参数2：监视数据改变执行的函数

参数3：[可选]，布尔值-默认为fasle：不监视对象深沉属性，true：监视对象深层属性。

1. 监听单个普通变量

$scope.$watch("name", function() {

name属性发生变化执行的函数代码

})

2. 监听多个变量

$scope.$watch("name + age", function() {

name或者age变量的数据发生变化执行的函数代码

})

3、监听对象的数据

$scope.$watch("users.username", function() {

usres对象中的username属性一旦发生变化执行的函数代码

})

4、监视对象的所有属性

$scope.$watch("users", function() {

usres对象中的任意一属性值，发生变化执行的函数代码

}，true)

5、监听数组数据而不监听数组中的对象数据

$scope.$watchCollection("user"，function(){

user数组中的地址、数据删除、增加发生变化执行的函数代码

})

6. 监听数据发生变化的细节：修改后VS 修改前

$scope.$watch("username",function(newValue, oldValue) {

console.log("数据被修改了", newValue, oldValue);

})

7. $watch可以重复，不会被覆盖，都会执行！

$scope.$watch("username", function(newValue, oldValue) {

console.log("data changed:", newValue, oldValue);

})