博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
$watch简单使用
阅读量:4591 次
发布时间:2019-06-09

本文共 1043 字,大约阅读时间需要 3 分钟。

$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。

$watch(watchExpression, listener, objectEquality);

每个参数的说明如下:

  1. watchExpression:监听的对象,它可以是一个angular表达式如'name',或函数如function(){return $scope.name}。

  2. listener:当watchExpression变化时会被调用的函数或者表达式,它接收3个参数:newValue(新值), oldValue(旧值), scope(作用域的引用)

  3. objectEquality:是否深度监听,如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化. 如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值, 那么你应该使用它

  4. 举个栗子:

    $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); 

再举个例子:

1 
2
3
4
5
6 7

$watch 侦听到input:One里的值,将input新输入的值的变化作为参数传给two,two的值再传给there;

转载于:https://www.cnblogs.com/xu-blog/p/6726701.html

你可能感兴趣的文章
Atitit. Xss 漏洞的原理and应用xss木马
查看>>
MySQL源码 数据结构array
查看>>
(文件过多时)删除目录下全部文件
查看>>
T-SQL函数总结
查看>>
python 序列:列表
查看>>
web移动端
查看>>
5. Longest Palindromic Substring (DP)
查看>>
sql语句一些简单的用法
查看>>
领域驱动设计之聚合与聚合根实例一
查看>>
selenium中各个模块操作:下拉框、鼠标悬浮连贯、拼图拖拽操作
查看>>
C# 调用Windows图片查看器
查看>>
Excel系列教程(1):如何自动填充单元格
查看>>
jQuery中的冒泡事件和阻止冒泡
查看>>
pythonchallenge闯关 第13题
查看>>
linux上很方便的上传下载文件工具rz和sz使用介绍
查看>>
React之特点及常见用法
查看>>
【WEB前端经验之谈】时间一年半,或沉淀、或从零开始。
查看>>
优云软件助阵GOPS·2017全球运维大会北京站
查看>>
java23中设计模式只责任链模式
查看>>
linux 装mysql的方法和步骤
查看>>