angular中$watch监视使用

最新推荐文章于 2020-06-21 21:29:12 发布

Chandler丶

最新推荐文章于 2020-06-21 21:29:12 发布

阅读量436

点赞数

CC 4.0 BY-SA版权

分类专栏： Java web 文章标签： $watch watch监视使用 angular中$watch angular监视使用

本文链接：https://blog.youkuaiyun.com/ouzhuangzhuang/article/details/82894773

31 篇文章

订阅专栏

$watch函数在AngularJS中用于监视模型数据变化，可监听单个或多个变量，对象属性，甚至数组数据。本文详细介绍了$watch的不同用法，包括如何监听普通变量，对象的特定属性，以及对象所有属性的改变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

$scope.$watch("name", function() {
name属性发生变化执行的函数代码
})

$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数组中的地址、数据删除、增加发生变化执行的函数代码
})

$scope.$watch("username",function(newValue, oldValue) {
console.log("数据被修改了", newValue, oldValue);
})

$scope.$watch("username", function(newValue, oldValue) {
console.log("data changed:", newValue, oldValue);
})