深究AngularJS——监听模型$watch

最新推荐文章于 2019-06-07 17:55:44 发布

wjxbj

最新推荐文章于 2019-06-07 17:55:44 发布

阅读量144

点赞数

分类专栏： AngularJS 文章标签： AngularJS $watch

本文链接：https://blog.csdn.net/wjxbj/article/details/84908425

版权

本文详细介绍了AngularJS中的$watch函数，用于监听数据变化。内容涵盖$watch的基本用法，如何监听单个对象属性、计算结果以及如何处理数组和对象的监听。还提供了监听函数和同时监听多个数据的示例。

摘要由CSDN通过智能技术生成

一.前言

　　1.$watch是scope内置的函数，它的作用是用来监听数据的变化。

　　2.$watch可监听哪些数据？

　　单个对象的属性

　　需要计算的结果（函数）

　　3. 语法: $scope.$watch(F,M,B);

二.对$watch参数的了解

　　F：要监听的数据（表达式或函数的字符串），主要是监听这些数据改变没有。它会返回被监听数据的当前值。

　　M：当监听的数据发生变化时，就会调用M（它是函数或表达式）。如果是函数形多，则会接收到F的新旧两个值和作用域对象，示例：

$scope.$watch("formData",function(newValue,oldValue, scope) {
      //这里是监听的数据发生变化后调用
      //formData是$scope.formData={};里的
     }
 }, true);

　　为true时：将会检查监听对象的每个属性是否发生变化。适用于监听数组或者监听的是一个对象上的所有属性。由于每次都要遍历监听对象的值是否发生变化，如果数组值过多，或对象属性多，那么一点点改变就会造成大量的遍历。

三.监听一个函数的写法

<!DOCTYPE html>  
<html>  
<hea

关注

专栏目录