全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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

$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 


相关文章: 湖州网站制作公司有哪些,浙江中蓝新能源公司官网?  教育培训网站制作流程,请问edu教育网站的域名怎么申请?  如何在建站之星绑定自定义域名?  网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?  广州建站公司哪家好?十大优质服务商推荐  大型企业网站制作流程,做网站需要注册公司吗?  ,交易猫的商品怎么发布到网站上去?  如何快速查询网址的建站时间与历史轨迹?  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  如何用虚拟主机快速搭建网站?详细步骤解析  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  建站之星如何修改网站生成路径?  微课制作网站有哪些,微课网怎么进?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  宿州网站制作公司兴策,安徽省低保查询网站?  网站按钮制作软件,如何实现网页中按钮的自动点击?  如何选择建站程序?包含哪些必备功能与类型?  建站主机数据库如何配置才能提升网站性能?  深圳企业网站制作设计,在深圳如何网上全流程注册公司?  高性价比服务器租赁——企业级配置与24小时运维服务  建站之星如何快速解决建站难题?  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  如何选择长沙网站建站模板?H5响应式与品牌定制哪个更优?  大连网站设计制作招聘信息,大连投诉网站有哪些?  建站之星导航如何优化提升用户体验?  宝华建站服务条款解析:五站合一功能与SEO优化设置指南  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的?  如何通过PHP快速构建高效问答网站功能?  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  个人摄影网站制作流程,摄影爱好者都去什么网站?  c# 服务器GC和工作站GC的区别和设置  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  外贸公司网站制作哪家好,maersk船公司官网?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  建站之星后台搭建步骤解析:模板选择与产品管理实操指南  沈阳制作网站公司排名,沈阳装饰协会官方网站?  如何选择高效响应式自助建站源码系统?  南京网站制作费用,南京远驱官方网站?  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  山东网站制作公司有哪些,山东大源集团官网?  韩国服务器如何优化跨境访问实现高效连接?  红河网站制作公司,红河事业单位身份证如何上传?  建设网站制作价格,怎样建立自己的公司网站?  如何在Windows服务器上快速搭建网站?  宝塔建站助手安装配置与建站模板使用全流程解析  建站之星如何实现网站加密操作?  官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。