浅谈Angular.js中使用$watch监听模型变化_网络技术

浅谈Angular.js中使用$watch监听模型变化

发布时间 - 2026-01-10 22:25:12 点击率：次

$watch简单使用

$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。

$watch(watchExpression, listener, objectEquality);

每个参数的说明如下：

watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.name}。
listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数：newValue(新值), oldValue(旧值), scope(作用域的引用)
objectEquality：是否深度监听，如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它

举个栗子：

$scope.name = 'hello';

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

    console.log(newValue);

    console.log(oldValue);

});

$timeout(function(){

    $scope.name = "world";

},1000);

$watch性能问题

太多的$watch将会导致性能问题，$watch如果不再使用，我们最好将其释放掉。

$watch函数返回一个注销监听的函数，如果我们想监控一个属性，然后在稍后注销它，可以使用下面的方式：

var watch = $scope.$watch('someModel.someProperty', callback);

//...

watch();

还有2个和$watch相关的函数：

$watchGroup(watchExpressions, listener);

$watchCollection(obj, listener);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angular # watch监听 # watch # angularjs # 关于angular js_$watch监控属性和对象详解 # AngularJS中$apply方法和$watch方法用法总结 # AngularJS中watch监听用法分析 # AngularJs $parse、$eval和$observe、$watch详解 # AngularJS中$watch和$timeout的使用示例 # AngularJS中的$watch() # $digest()和$apply()区分 # Angular中使用$watch监听object属性值的变化(详解) # 是一个 # 如果你 # 太多 # 将会 # 将其 # 它可以 # 你应该 # 可以使用 # 设置为 # 它会 # 一个普通 # 稍后 # 大家多多 # 举个 # 象中 # 而不是 # 使用它 # listener # watchExpression # span

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Laravel开发经验总结：如何处理用户认证与授权

下一篇：洛丽塔网站设计制作流程图,星芙颂有官方网站吗？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Laravel开发经验总结：如何处理用户认证与授权

下一篇：洛丽塔网站设计制作流程图,星芙颂有官方网站吗？