angular1.x $watch 监听的简单应用

来源：互联网发布：2016年大数据产业规模编辑：程序博客网时间：2024/06/06 01:36

$watch(watchExpression, listener, objectEquality);

watchExpression：被监听的对象

listener: 包含3个值 newValue , oldValue, scope（可以引用一个作用域）

objectEquality：是否使用angular.equals方法比对

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>    </head>    <body ng-app="ap"  >        <div ng-controller="cl">            <p>小框子1</p>            <input type="text" ng-model="input_value" />             <p>小框子1的 $watch监听</p>            <span>{{dv}}</span>        </div>    </body>    <script>         var ap = angular.module("ap", [])        .controller("cl", function($scope){                $scope.input_value = "我是一个初值";               $scope.$watch('input_value', function(newValue, oldValue) {                            $scope.dv=newValue;                    });            });    </script></html>

0 0