微客导航 » 文章资讯 » 关于angular js_$watch监控属性和对象详解

关于angular js_$watch监控属性和对象详解

2024-02-25 04:43:03 147

$Watch：(监听一个model,当一个model每次改变时，都会触发第二个函数)

$watch('watchFn',watchAction,deepWatch)

watchFn：带有Angular表达式或者函数的字符串，它会返回被监控的数据模型的当前值。

watchAction：一个函数function(newValue,oldValue){},当watchFn发生变化时会被调用

deepWatch：默认为false，监听数组的某个元素或者对象的属性时设置为true;

监控一个属性：










{{name}}
改变次数{{count}}

varapp=angular.module('myApp',[]); app.controller('myCtrl',function($scope){ $scope.name='橘子'; $scope.count=0; $scope.$watch('name',function(newValue,oldValue){ $scope.count++; if($scope.count>5){ $scope.name='苹果'; } }); });

监控一个对象（deepWidth为true）










{{Data.name}}
改变次数{{count}}

varapp=angular.module('myApp',[]); app.controller('myCtrl',function($scope){ $scope.Data={name:'橘子'}; $scope.count=0; $scope.$watch('Data',function(newValue,oldValue){ if(newValue==oldValue) return; $scope.count++; if($scope.count>5){ $scope.Data.name='苹果'; } },true); });

以上这篇关于angularjs_$watch监控属性和对象详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

关于angular js_$watch监控属性和对象详解

热门推荐

随机推荐