首页 > 代码库 > angularjs中使用$scope.$watch监控对象模型的变化
angularjs中使用$scope.$watch监控对象模型的变化
如果对象模型发生变化时，可以使用$scope.$watch监控变化
<html ng-app="myApp"><head><title>angularjs-demo</title><script type="text/javascript" src="lib/angularjs/angular.min.js" charset="utf-8"></script></head><body ng-controller="ctrl"><input type="text" ng-model="text1" ng-model-options="{ updateOn: ‘blur‘ }" /><div>输入框内容改变次数：{{count}}</div></body><script type="text/javascript">var app = angular.module(‘myApp‘, []).controller(‘ctrl‘, function($scope){ $scope.count = 0; $scope.$watch(‘text1‘,function(){ $scope.count++; });});</script></html>
稍微改一下，输出修改前后的内容：
<html ng-app="myApp"><head><title>angularjs-demo</title><script type="text/javascript" src="lib/angularjs/angular.min.js" charset="utf-8"></script></head><body ng-controller="ctrl"><input type="text" ng-model="text1" ng-model-options="{ updateOn: ‘blur‘ }" /><div>输入框内容改变次数：{{count}}</div><div>原内容：{{content1}}</div><div>新内容：{{content2}}</div></body><script type="text/javascript">var app = angular.module(‘myApp‘, []).controller(‘ctrl‘, function($scope){ $scope.count = 0; $scope.$watch(‘text1‘,function(newValue,oldValue){ $scope.count++; $scope.content1 = oldValue; $scope.content2 = newValue; });});</script></html>
angularjs中使用$scope.$watch监控对象模型的变化
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。