angular中$watch的简单使用

最新推荐文章于 2021-03-15 18:05:17 发布

陪你上房揭瓦

最新推荐文章于 2021-03-15 18:05:17 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/github_36496793/article/details/53286998

学习笔记专栏收录该内容

6 篇文章

订阅专栏

$watch的用法

$watch是$scope中的一个函数，作用是用来监听模型中值的变化，当值发生变化时候，他就会运行相应的函数

$scope.$watch(watchExpresssion,listener,flag)

1 watchExpression是监听的对象

2 listener是监听函数，当watchExpression发生变化的时候运行；他有两个参数old和now；function（now，old）｛statement｝；now是监听对象现在的值，old是监听对象之前的值；

3 flag 是 true的时候，说明是深度监听；

一个小李子

<body ng-app="app" ng-controller="con">

        <input type="text" ng-model="input" />
        <br />
        <p>{{now}}</p>
        <br />
        <p>{{old}}</p>
        <script type="text/javascript">
            var app = angular.module('app',[]);
            app.controller('con',function($scope){
                $scope.input =     '';
                $scope.$watch('input',function(now,old){
                    $scope.now = now;
                    $scope.old = old;
                })
            })
        </script>
    </body>